| | |
| | | </div> |
| | | </div> |
| | | </el-main> |
| | | <el-dialog :visible.sync="Importorder" :title="$t('Importorder')" |
| | | <el-dialog :visible.sync="Importorder" :title="$t('Import order')" |
| | | top="5vh"> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :visible.sync="Measure" :title="$t('Measure')" |
| | | top="5vh"> |
| | | </el-dialog> |
| | | |
| | | <el-dialog :visible.sync="StorageCage" :title="$t('StorageCage')" |
| | | top="5vh"> |
| | | <el-table :data="this.StorageCageInfo" :height="700" border style="width: 100%;overflow: auto;"> |
| | | <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="145" prop="glassId" :label="$t('Barcode')"></el-table-column> |
| | | <el-table-column :min-width="80" prop="width" :label="$t('Width')"></el-table-column> |
| | | <el-table-column :min-width="80" prop="height" :label="$t('Height')"></el-table-column> |
| | | <el-table-column :min-width="80" prop="thickness" :label="$t('Thickness')"></el-table-column> |
| | | <el-table-column :min-width="250" :label="$t('Operate')"> |
| | | <template slot-scope='scope'> |
| | | <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" |
| | | :disabled="scope.row.state == 1 ? false : true" |
| | | @click="deleteglass(scope.row.glassId, scope.row.state)">{{ $t('Delete') }}</el-button> |
| | | <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" |
| | | @click="UpdateDisabled(scope.row.cage, scope.row.cell, scope.row.disabled == 0 ? 1 : 0)"> |
| | | {{ scope.row.disabled == 0 ? $t('Disable') : $t('Enable') }}</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('Add') |
| | | }}</el-button> |
| | | </template> |
| | | </el-table-column> |
| | | </el-table> |
| | | </el-dialog> |
| | | <el-dialog :visible.sync="Taskqueue" :title="$t('Taskqueue')" |
| | | |
| | | <el-dialog :visible.sync="Taskqueue" :title="$t('Task queue')" |
| | | top="5vh"> |
| | | </el-dialog> |
| | | <!-- <el-footer> |
| | | <div class="blocks" style="position: relative;"> |
| | | <div style="display:flex;position: absolute;float:left;z-index: 999;top:102px;left:237px;"> |
| | | <div :class="getStatusClass(item.state)" v-for="(item, index) in cagelist1" :key="item['date']" |
| | | :style="{ height: 35 * item['glassWidth'] + 'px', left: 3.07 * index + Math.abs(item['cage'] - 10) * 6.8 + 'px' }" |
| | | @click="showcageinfo(item['cage'])"></div> |
| | | </div> |
| | | <div style="display:flex;position: absolute;float:left;z-index: 999;top:102px;left:640px;"> |
| | | <div :class="getStatusClass(item.state)" v-for="(item, index) in cagelist2" :key="item['date']" |
| | | :style="{ height: 35 * item['glassWidth'] + 'px', left: 3.07 * index + Math.abs(item['cage'] - 5) * 6.8 + 'px' }" |
| | | @click="showcageinfo(item['cage'])"></div> |
| | | </div> |
| | | <div style="display:flex;position: absolute;float:left;z-index: 999;top:139px;left:237px;"> |
| | | <div :class="getStatusClass(item.state)" v-for="(item, index) in cagelist3" :key="item['date']" |
| | | :style="{ height: 35 * item['glassWidth'] + 'px', top: item['width'] * 35 - 35 + 'px', left: 3.07 * index + Math.abs(item['cage'] - 10) * 6.8 + 'px' }" |
| | | @click="showcageinfo(item['cage'])"> |
| | | </div> |
| | | </div> |
| | | <div style="display:flex;position: absolute;float:left;z-index: 999;top:139px;left:640px;"> |
| | | <div :class="getStatusClass(item.state)" v-for="(item, index) in cagelist4" :key="item['date']" |
| | | :style="{ height: 35 * item['glassWidth'] + 'px', top: item['width'] * 35 - 35 + 'px', left: 3.07 * index + Math.abs(item['cage'] - 5) * 6.8 + 'px' }" |
| | | @click="showcageinfo(item['cage'])"></div> |
| | | </div> |
| | | <div class="blue gezi" |
| | | :style="{ display: 'flex', position: 'absolute', float: 'left', top: 28 + 'px', left: 1050 + 'px', height: loadglassheight1 + 'px', width: 4 + 'px' }"> |
| | | </div> |
| | | <div class="blue gezi" |
| | | :style="{ display: 'flex', position: 'absolute', float: 'left', top: 105 + 'px', left: 1050 + 'px', height: loadglassheight2 + 'px', width: 4 + 'px' }"> |
| | | </div> |
| | | |
| | | <div class="blocks-img2"></div> |
| | | <div class="blocks-img3"></div> |
| | | |
| | | <div class="device" :style="'top: 25px;left: 1027px;background-color: ' + ShowDeviceList(0) + ';'">D01</div> |
| | | <div class="device" :style="'top: 105px;left: 1027px;background-color: ' + ShowDeviceList(1) + ';'">D02 |
| | | </div> |
| | | <div class="device" :style="'top: 102px;left: 605px;background-color: ' + ShowDeviceList(2) + ';'">B01</div> |
| | | <div class="device" :style="'top: 102px;left: 197px;background-color: ' + ShowDeviceList(3) + ';'">B02</div> |
| | | <div class="blocks-img" :style="'left:' + car2 + 'px;top:175px;background-color:' + ShowDeviceList(4) + ''"> |
| | | A01</div> |
| | | <div class="blocks-img" :style="'left:' + car1 + 'px;top:16px;background-color:' + ShowDeviceList(5) + ''"> |
| | | A02</div> |
| | | <div class="device" :style="'top: 108px;left: 150px;background-color: ' + ShowDeviceList(6) + ';'">D03</div> |
| | | <div class="device" :style="'top: 185px;left: 150px;background-color: ' + ShowDeviceList(7) + ';'">D04</div> |
| | | <div class="device" :style="'top: 262px;left: 150px;background-color: ' + ShowDeviceList(8) + ';'">D05</div> |
| | | <div class="device" :style="'top: 339px;left: 150px;background-color: ' + ShowDeviceList(9) + ';'">D06</div> |
| | | |
| | | <div class="device" :style="'top: 395px;left: 90px;background-color: ;'">E01</div> |
| | | <div class="device" :style="'top: 395px;left: 243px;background-color: ;'">E02</div> |
| | | <div class="device" :style="'top: 395px;left: 395px;background-color: ;'">E03</div> |
| | | <div class="device" :style="'top: 345px;left: 655px;background-color: ;'">E04</div> |
| | | <div class="device" :style="'top: 345px;left: 810px;background-color: ;'">E05</div> |
| | | <div class="device" :style="'top: 345px;left: 960px;background-color: ;'">E06</div> |
| | | |
| | | <div class="device" :style="'top: 345px;left: 525px;background-color: ;'">J01</div> |
| | | <div class="device" :style="'top: 345px;left: 1100px;background-color: ;'">F01</div> |
| | | <div class="device" :style="'top: 275px;left: 1100px;background-color: ;'">G01</div> |
| | | |
| | | <div class="glass D01" style="top: 39px;left: 1055px;position: absolute;">{{ ShowGlassIdList(0) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.9.2', 0)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | <div class="glass D02" style="top: 117px;left: 1055px;position: absolute;">{{ ShowGlassIdList(1) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.9.2', 1)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | <div class="glass B01" style="top: 270px;left: 640px;position: absolute;"> |
| | | B01:{{ ShowGlassIdList(2) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.10.2', 2)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | <div class="glass B02" style="top: 315px;left: 640px;position: absolute;">B02:{{ ShowGlassIdList(3) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.10.3', 3)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | <div class="glass A01" style="top: 270px;left: 289px;position: absolute;"> |
| | | A01.1:{{ ShowGlassIdList(4) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.10.0', 4)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | |
| | | <div class="glass A01" style="top: 315px;left: 289px;position: absolute;">A01.2:{{ ShowGlassIdList(5) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.10.0', 5)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | |
| | | <div class="glass A02" style="top: 360px;left: 289px;position: absolute;">A02:{{ ShowGlassIdList(6) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.10.1', 6)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | |
| | | <div class="glass D03" style="top: 122px;left: 42px;position: absolute;"> |
| | | {{ ShowGlassIdList(7) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.9.4', 7)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | <div class="glass D04" style="top: 198px;left: 42px;position: absolute;"> |
| | | {{ ShowGlassIdList(8) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.9.5', 8)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | <div class="glass D05" style="top: 275px;left: 42px;position: absolute;"> |
| | | {{ ShowGlassIdList(9) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.9.6', 9)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | <div class="glass D06" style="top: 352px;left: 42px;position: absolute;"> |
| | | {{ ShowGlassIdList(10) }} |
| | | <br /> |
| | | <el-button type="primary" size="mini" @click="ClearGlassId('DB101.9.5', 10)"> |
| | | {{ $t('Clear') }}</el-button> |
| | | </div> |
| | | </div> |
| | | </el-footer> --> |
| | | |
| | | </el-container> |
| | | </template> |
| | | <script> |
| | | |
| | | import { |
| | | home, home2, UpdateTask, SelectCageInfo, DeleteByGlassID, |
| | | SelectPassword, Disabled, AddOutSliceS, SelectPermissionByUserName, currentUsername, CompleteQueue, |
| | | isAllowReorderings, WriteGlassID, ClearGlassId, CloseForm7, SoftEmergencyStop, SwitchScanMethod |
| | | SelectPassword, Disabled, SelectPermissionByUserName, currentUsername, CompleteQueue, |
| | | isAllowReorderings |
| | | } from "../../api/home"; |
| | | |
| | | |
| | |
| | | Measure:false, |
| | | StorageCage:false, |
| | | Taskqueue:false, |
| | | form: { |
| | | orderId: "", |
| | | glassId: "", |
| | | height: "", |
| | | width: "" |
| | | }, |
| | | StorageCageInfo:[], |
| | | TaskqueueInfo:[], |
| | | form1: {}, |
| | | form2: {}, |
| | | form3: {}, |
| | |
| | | this.cageinfo = res.data.cageinfo; |
| | | }); |
| | | } |
| | | if(obj.StorageCageInfo!=null){ |
| | | this.StorageCageInfo=obj.StorageCageInfo[0]; |
| | | console.log(this.StorageCageInfo); |
| | | } |
| | | this.$forceUpdate(); |
| | | |
| | | }.bind(this); |