Merge branch 'master' of http://10.153.19.25:10101/r/CanadaMes

wu

2024-01-18 4f3aa71ed602c1abbafa638591b20abc3c7be224

 CanadaMes-ui/src/views/home/index.vue

@@ -46,9 +46,6 @@
    background-color: blue;

}



.black {

    background-color: black;

}



.yellow {

    background-color: yellow;

@@ -84,7 +81,9 @@
}



.blocks-img {

    height: 100px;

    height: 88px;

    line-height: 90px;

    color: white;

    max-width: 100vw;

    background-repeat: no-repeat;

    background-attachment: local;

@@ -111,7 +110,7 @@
    top: 366px; */

}



.orderbutton1 {

/* .orderbutton1 {

    position: absolute;

    left: 1070px;

    top: 70px;

@@ -121,7 +120,7 @@
    position: absolute;

    left: 500px;

    top: -10px;

}

} */



.blocks-img3 {

    height: 90px;

@@ -155,7 +154,7 @@
.box {

    width: 90%;

    margin-left: 5%;

    color: black;

    color: red;

    font-size: 12px;

    overflow: hidden;

    height: 20px;

@@ -219,10 +218,23 @@
    display: flex;

}



/* .el-table td,

.el-table th {

    padding: 0px 0;

} */

.device {

    font-weight: bold;

    width: 25px;

    height: 72px;

    line-height: 72px;

    color: white;

    font-size: 12px;

    position: absolute;

}



.glass {

    font-weight: bold;

    font-size: 12px;

    width: 105px;

    height: 15px;

    position: absolute;

}

</style>

<template>

    <el-container>

@@ -238,23 +250,38 @@
                </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"

                    :class="ManuallyInfeedGlass == true ? 'hide' : ''"></el-input>

                <!-- <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-button type="primary" @click="showform2()" :disabled="OrderInfo"

                    :class="OrderInfo == true ? 'hide' : ''">{{ $t('OrderInfo')

                    }}</el-button>

                <el-button type="primary" @click="showform6()" :disabled="OutingQueue"

                    :class="OutingQueue == true ? 'hide' : ''">

                    {{ $t('Outing Queue') }}</el-button>

                <el-button type="primary" @click="TaskStop(0)" :disabled="OutingQueue"

                    :class="StopTask == true ? 'hide' : ''">

                    {{ $t('Stop Feeding') }}</el-button>

                <el-button type="primary" @click="TaskStop(1)" :disabled="StopTask"

                    :class="StopTask == true ? 'hide' : ''">

                    {{ $t('Stop Outing') }}</el-button>

                <el-button type="primary" @click="SoftEmergencyStop()" :disabled="SoftEmergencyStop"

                    :class="SoftEmergencyStop == true ? 'hide' : ''">

                    {{ $t('SoftEmergencyStop') }}</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> -->

            </div>

            <div>

                <el-table :data="this.tasklist1" border style="width: 100%">

                    <el-table-column :width="180" prop="glassId" :label="$t('Outfeed glass barcode')"></el-table-column>

                    <el-table-column :width="130" prop="cage" :label="$t('Cage No')"></el-table-column>

                    <el-table-column :width="130" prop="cell" :label="$t('Slot No')"></el-table-column>

                    <el-table-column :width="130" prop="orderId" :label="$t('Order No')"></el-table-column>

                    <el-table-column :min-width="180" prop="glassId" :label="$t('Outfeed glass barcode')"></el-table-column>

                    <el-table-column :min-width="130" prop="cage" :label="$t('Cage No')"></el-table-column>

                    <el-table-column :min-width="130" prop="cell" :label="$t('Slot No')"></el-table-column>

                    <el-table-column :min-width="130" prop="orderId" :label="$t('Order No')"></el-table-column>

                    <el-table-column prop="orderId" :label="$t('List No')"></el-table-column>

                    <el-table-column prop="orderId" :label="$t('Box No')"></el-table-column>

                    <el-table-column :width="130" 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.glassheightmm }}

                        </template>

@@ -268,13 +295,13 @@
                    </el-table-column>

                </el-table>

                <el-table :data="this.tasklist2" border style="width: 100%">

                    <el-table-column :width="180" prop="glassId" :label="$t('Infeed glass barcode')"></el-table-column>

                    <el-table-column :width="130" prop="cage" :label="$t('Cage No')"></el-table-column>

                    <el-table-column :width="130" prop="cell" :label="$t('Slot No')"></el-table-column>

                    <el-table-column :width="130" prop="orderId" :label="$t('Order No')"></el-table-column>

                    <el-table-column :min-width="180" prop="glassId" :label="$t('Infeed glass barcode')"></el-table-column>

                    <el-table-column :min-width="130" prop="cage" :label="$t('Cage No')"></el-table-column>

                    <el-table-column :min-width="130" prop="cell" :label="$t('Slot No')"></el-table-column>

                    <el-table-column :min-width="130" prop="orderId" :label="$t('Order No')"></el-table-column>

                    <el-table-column prop="orderId" :label="$t('List No')"></el-table-column>

                    <el-table-column prop="orderId" :label="$t('Box No')"></el-table-column>

                    <el-table-column :width="130" 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.glassheightmm }}

                        </template>

@@ -331,41 +358,57 @@
                <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-img" :style="{ left: car1 + 'px', top: '16px' }"></div>

                <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"

                    :class="OrderInfo == true ? 'hide' : ''">{{ $t('OrderInfo')

                    }}</el-button>

                <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;">

                    <div :class="getStatusClass(item.state)" v-for="(item,index) in cagelist1" :key="item['date']"

                        :style="{ height: 35 * item['glassWidth'] + 'px',left:4.22*index+'px' }"

                        @click="showcageinfo(item['cage'])"></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 style="display:flex;position: absolute;float:left;z-index: 999;top:112px;left:885px;">

                    <div :class="getStatusClass(item.state)" v-for="(item,index) in cagelist2" :key="item['date']"

                        :style="{ height: 35 * item['glassWidth'] + 'px',left:4.22*index+'px' }"

                        @click="showcageinfo(item['cage'])"></div>

                </div>

                <div style="display:flex;position: absolute;float:left;z-index: 999;top:154px;left:328px;">

                    <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:4.22*index+'px' }"

                        @click="showcageinfo(item['cage'])"></div>

                </div>

                <div style="display:flex;position: absolute;float:left;z-index: 999;top:154px;left:885px;">

                    <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:4.22*index+'px' }"

                        @click="showcageinfo(item['cage'])"></div>

                </div>

                <div class="blocks-img" :style="{ left: car1 + 'px', top: '16px' }"></div>

                <div class="blocks-img" :style="{ left: car2 + 'px', top: '194px' }"></div>

                <div class="blocks-img2" :style="{ left: '912px', top: '366px' }"></div>

                <div class="blocks-img3" :style="{ left: '875px', top: '455px' }"></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="glass D01" style="top: 54px;left: 1055px;position: absolute;"

                    @click="ClearGlassId('DB101.9.2', 0)">{{ ShowGlassIdList(0) }}</div>

                <div class="glass D02" style="top: 132px;left: 1055px;position: absolute;"

                    @click="ClearGlassId('DB101.9.2', 1)">{{ ShowGlassIdList(1) }}</div>

                <div class="glass B01" style="top: 270px;left: 640px;position: absolute;"

                    @click="ClearGlassId('DB101.10.2', 2)">

                    B01:{{ ShowGlassIdList(2) }}</div>

                <div class="glass B02" style="top: 290px;left: 640px;position: absolute;"

                    @click="ClearGlassId('DB101.10.3', 3)">B02:{{ ShowGlassIdList(3) }}</div>

                <div class="glass A01" style="top: 270px;left: 289px;position: absolute;"

                    @click="ClearGlassId('DB101.10.0', 4)">

                    A01.1:{{ ShowGlassIdList(4) }}</div>



                <div class="glass A01" style="top: 290px;left: 289px;position: absolute;"

                    @click="ClearGlassId('DB101.10.1,5')">A01.2:{{ ShowGlassIdList(5) }}</div>



                <div class="glass A02" style="top: 310px;left: 300px;position: absolute;"

                    @click="ClearGlassId('DB101.10.2,6')">A02:{{ ShowGlassIdList(6) }}</div>



                <div class="glass D03" style="top: 137px;left: 42px;position: absolute;"

                    @click="ClearGlassId('DB101.9.4', 7)">

                    {{ ShowGlassIdList(7) }}</div>

                <div class="glass D04" style="top: 213px;left: 42px;position: absolute;"

                    @click="ClearGlassId('DB101.9.5', 8)">

                    {{ ShowGlassIdList(8) }}</div>

                <div class="glass D05" style="top: 290px;left: 42px;position: absolute;"

                    @click="ClearGlassId('DB101.9.6', 9)">

                    {{ ShowGlassIdList(9) }}</div>

                <div class="glass D06" style="top: 367px;left: 42px;position: absolute;"

                    @click="ClearGlassId('DB101.9.5', 10)">

                    {{ ShowGlassIdList(10) }}</div>





            </div>

        </el-footer>

        <el-dialog :visible.sync="dialogFormVisible" :title="$t('Please confirm the glass information')">

@@ -445,12 +488,18 @@
                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="55" prop="tier" :label="$t('The Side')"></el-table-column>

                <el-table-column :min-width="55" prop="tier" :label="$t('The Side')">

                    <template slot-scope='scope'>

                        {{

                            scope.row.tier == 1 ? $t('Inside') : $t('Outside')

                        }}

                    </template>

                </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="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('Glass State')">

                <el-table-column :min-width="50" prop="boxId" :label="$t('Box No')"></el-table-column>

                <el-table-column :min-width="80" prop="state" :label="$t('Glass State')">

                    <template slot-scope='scope'>

                        {{

                            scope.row.state == 1 ? $t('Normal') : scope.row.state == 2 ? $t('Entering') : scope.row.state == 3 ?

@@ -463,6 +512,12 @@
                        {{ scope.row.glassWidthMm }}{{ scope.row.glassWidthMm > 0 ? "*" : "" }}{{ scope.row.glassHeightMm }}

                    </template>

                </el-table-column>



                <el-table-column :min-width="80" prop="lengthWidth" :label="$t('State')">

                    <template slot-scope='scope'>

                        {{ scope.row.disabled == 0 ? $t('Enable') : $t('Disable') }}

                    </template>

                </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;"

@@ -473,7 +528,7 @@
                            @click="outglass(scope.row.glassId, scope.row.state)">{{ $t('Out') }}</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('Enable') : $t('Disable') }}</el-button>

                            {{ 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')

@@ -511,10 +566,27 @@
        </el-dialog>

        <el-dialog :visible.sync="dialogFormVisible5" :title="$t('Please confirm the glass information')">

            <el-form :model="form" label-width="100px" style="padding-right: 30px">

                <div style="display: flex;justify-content: center;">

                    <!-- <el-form-item>

                        <el-input style="width:50%;margin-left: 20%;" :placeholder="$t('Enter the glass barcode')"

                            v-model="glassid2"></el-input>

                        <el-button type="primary" @click="SelectGlassByGlassIDs(1)">{{ $t('Query')

                        }}</el-button>

                    </el-form-item> -->

                    <el-form-item>

                        <el-input style="width:70%;" :placeholder="$t('Enter the glass barcode')"

                            v-model="glassid1"></el-input>

                        <el-button type="primary" @click="SelectGlassByGlassIDs(2)">{{ $t('Add')

                        }}</el-button>

                    </el-form-item>

                </div>

                <div style="display: flex;justify-content: space-around;">

                    <label for="">{{ $t('Upper film position') }}</label>

                    <el-button type="primary" @click="isConfirmState()">

                        {{ this.isConfirm == true ? "Allow" : "Not Allow" }}</el-button>

                    <div>

                        {{ $t('Confirm State') }}:{{ this.isConfirm == true ? $t('Not Allow') : $t('Allow') }}

                        <el-button type="primary" @click="isConfirmState()">

                            {{ this.isConfirm == true ? $t('Allow') : $t('Not Allow') }}</el-button>

                    </div>

                    <label for="">{{ $t('Scan Code Point') }}</label>

                </div>

                <div style="display: flex;justify-content: space-around;height: 40px;">

@@ -523,20 +595,7 @@
                    <label for="">{{ $t('current Information') }}</label>

                    <label for="">{{ $t('Modify Information') }}</label>

                </div>

                <div style="display: flex;justify-content: space-around;">

                    <el-form-item>

                        <el-input style="width:50%;margin-left: 20%;" :placeholder="$t('Enter the glass barcode')"

                            v-model="glassid2"></el-input>

                        <el-button type="primary" @click="SelectGlassByGlassIDs(1)">{{ $t('Query')

                        }}</el-button>

                    </el-form-item>

                    <el-form-item>

                        <el-input style="width:50%;margin-left: 20%;" :placeholder="$t('Enter the glass barcode')"

                            v-model="glassid1"></el-input>

                        <el-button type="primary" @click="SelectGlassByGlassIDs(2)">{{ $t('Query')

                        }}</el-button>

                    </el-form-item>

                </div>



                <div style="display: flex;justify-content: space-around;">

                    <el-form-item :label="$t('Barcode')">

                        <el-input v-model="form2.glassId" readonly autocomplete="off" />

@@ -621,14 +680,15 @@
                        <el-input v-model="form5.glassheightmm" readonly autocomplete="off" />

                    </el-form-item>

                </div>

                <div style="display: flex;justify-content: space-around;">

                    <el-button @click="DeleteQueueGlasss(2)" type="primary">{{ $t('Clear Current')

                <div style="display: flex;justify-content: right;">

                    <!-- <el-button @click="DeleteQueueGlasss(2)" type="primary">{{ $t('Clear Current')

                    }}</el-button>

                    <el-button @click="InsertQueueGlass(2)" type="primary" :disabled="disabled">

                        {{ $t('Confirm Modification') }}</el-button>

                    <el-button @click="DeleteQueueGlasss(1)" type="primary">{{ $t('Clear Current')

                    }}</el-button>

                    <el-button @click="InsertQueueGlass(1)" type="primary" :disabled="disabled1">

                    }}</el-button> -->

                    <el-button @click="InsertQueueGlass(1)" style="margin-right: 100px;" type="primary"

                        :disabled="disabled1">

                        {{ $t('Confirm Modification') }}</el-button>

                </div>

            </el-form>

@@ -640,59 +700,75 @@
        </el-dialog>



        <el-dialog :visible.sync="dialogFormVisible6" :title="$t('Outing Queue')" top="5vh">

            <el-button type="primary" @click="isAllowQueueState()" :disabled="!this.isAllowReordering">{{ this.isAllowQueue

            {{ $t('Queue State') }}:

            {{ this.isAllowQueue

                == true ? $t('Start') : $t('Stop')

            }}

            <el-button type="primary" @click="isAllowQueueState()" :disabled="!this.isAllowReordering">{{ this.isAllowQueue

                == true ? $t('Stop') : $t('Start')

            }}</el-button>

            <el-button type="primary" @click="isAllowReorderings()" :disabled="this.isAllowQueue">{{

            <!-- {{  $t('Sorting State') }}:

            {{

                this.isAllowReordering == true ? $t('Not Allow') : $t('Allow')

            }}</el-button>

            <el-input style="width:15%;" :placeholder="$t('Enter the Frame No')" v-model="framebarcode"></el-input>

            <el-button type="primary" @click="AddOutSliceS()">{{ $t('Add') }}</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="175" 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="70" prop="listId" :label="$t('List No')"></el-table-column>

                <el-table-column :min-width="70" prop="boxId" :label="$t('Box No')"></el-table-column>

                <el-table-column :min-width="100" prop="glasswidthmm" :label="$t('Length')"></el-table-column>

                <el-table-column :min-width="100" prop="glassheightmm" :label="$t('Width')"></el-table-column>

                <el-table-column :min-width="90" prop="state" :label="$t('Glass State')">

            }}

            <el-button type="primary" @click="isAllowReorderings()" :disabled="this.isAllowQueue">{{

                this.isAllowReordering == true ? $t('Allow') : $t('Not Allow')

            }}</el-button> -->

            <!-- <el-input style="width:15%;" :placeholder="$t('Enter the Frame No')" v-model="framebarcode"></el-input> -->

            <el-button type="primary" @click="showform7()">{{ $t('Add') }}</el-button>

            <label style="background-color:yellow;font-size: 23px;" for="">

                {{ isQueueWarning == true ? $t('The cage is disabled') : "" }}

            </label>

            <!-- <span style="background-color:yellow;">

                {{ isQueueWarning== true ? $t('The cage is disabled') : $t('The cage is disabled') }}

            </span> -->

            <div style="display:flex;">

                <div style="width:70%;">

                    <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 prop="barcode" :label="$t('Frame No')"></el-table-column>

                        <el-table-column :min-width="175" prop="glassId" :label="$t('Barcode')"></el-table-column>

                        <el-table-column :min-width="70" prop="orderId" :label="$t('Order No')"></el-table-column>

                        <el-table-column :min-width="70" prop="listId" :label="$t('List No')"></el-table-column>

                        <el-table-column :min-width="70" prop="boxId" :label="$t('Box No')"></el-table-column>

                        <el-table-column :min-width="100" prop="glasswidthmm" :label="$t('Length')"></el-table-column>

                        <el-table-column :min-width="100" prop="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

                                        ? $t('Outed') : scope.row.state == 3 ? $t('Absent') : $t('Completed') }}

                            </template>

                        </el-table-column>

                        <el-table-column prop="sequence" :label="$t('Sequence')"></el-table-column>

                        <el-table-column :min-width="90" prop="barcode" :label="$t('Complete')">

                            <template slot-scope='scope' style="height:100px;height:100px;">

                                <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"

                                    :disabled="!(!isAllowQueue && scope.row.state != 2 && scope.row.state != 4)"

                                    @click="CompleteQueue(scope.row.id, scope.row.barcode, scope.row.glassId)">{{

                                        $t('Complete')

                                    }}</el-button>

                            </template>

                        </el-table-column>

                        <!-- <el-table-column :min-width="300" prop="position" :label="$t('Position')" style="font-size: 20px;">

                    <template slot-scope='scope'>

                        {{ scope.row.state == 0 ? $t('Waiting') : scope.row.state == 1 ? $t('Outing') : scope.row.state == 2

                            ? $t('Outed') : scope.row.state == 3 ? $t('Absent') : $t('Completed') }}

                    </template>

                </el-table-column>

                <el-table-column prop="sequence" :label="$t('Sequence')"></el-table-column>

                <el-table-column :min-width="90" prop="barcode" :label="$t('Complete')">

                    <template slot-scope='scope' style="height:100px;height:100px;">

                        <el-button type="primary" style="padding: 4px 10px;font-size: 12px;"

                            :disabled="!(!isAllowQueue && scope.row.state != 2 && scope.row.state != 4)"

                            @click="CompleteQueue(scope.row.id, scope.row.barcode, scope.row.glassId)">{{ $t('Complete')

                            }}</el-button>

                    </template>

                </el-table-column>

                <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' : '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('Flipped')" :min-width="200">

                </el-table-column> -->

                        <!-- <el-table-column prop="position" :label="$t('Flipped')" :min-width="200">

                    <template slot-scope='scope'>

                        {{ 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>

                </el-table-column> -->





                <el-table-column :width="200" :label="$t('Operate')">

                    <template slot-scope='scope'>

                        <el-button type="text" size="small" @click="getTopMove(scope.row, scope.$index)"

                        <el-table-column :width="100" :label="$t('Operate')">

                            <template slot-scope='scope'>

                                <!-- <el-button type="text" size="small" @click="getTopMove(scope.row, scope.$index)"

                            style="font-size: 15px;"

                            :disabled="(scope.$index == 0 || isAllowReordering == true || scope.row.state == 1)">

                            {{ $t('Top') }}

@@ -706,21 +782,47 @@
                            style="font-size: 15px;"

                            :disabled="(OutSlice.length - 1 == scope.$index || isAllowReordering == 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>

                    </template>

                </el-table-column>

            </el-table>

                        </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-button type="primary" style="padding: 4px 10px;font-size: 12px;" :disabled="isAllowQueue"

                            @click="FrameStateUpdate(scope.row.barcode,scope.row.framestate)">{{

                            scope.row.framestate == 0 ? $t('Stop') : $t('Start') }}</el-button> -->

                            </template>

                        </el-table-column>

                    </el-table>

                </div>

                <div style="width:30%;" v-for="(item) in CurrentFrame" :key="item['barcode']">

                    <el-button style="margin-left: 42%;" type="primary" @click="FrameStateUpdate(item['barcode'])">{{

                        $t('Next') }}</el-button>

                    <h1 style="font-size: 40px;text-align: center;">{{ $t('Current Frame') }}:{{ item['barcode'] }}</h1>

                    <h1 style="font-size: 30px;text-align: center;">

                        {{ item['flip'] == true ? $t('EXTERIQR OUT AND BYPASS TO THE LEFT')

                            : $t('EXTERIQR OUT AND BYPASS TO THE RIGHT') }}

                    </h1>

                    <h1 style="font-size: 30px;text-align: center;">{{ item['framewidthmm'] }}*{{ item['frameheightmm'] }}

                    </h1>



                    <div class="frame" :style="'background-color: green;margin-top:30px;margin:0 auto;width: ' +

                        FrameWidthHeight('before', item['framewidthmm'], item['frameheightmm'], item['position']) + 'px;height:' +

                        FrameWidthHeight('after', item['framewidthmm'], item['frameheightmm'], item['position']) + 'px;'

                        ">

                    </div>

                </div>

            </div>



        </el-dialog>



        <el-dialog :visible.sync="dialogFormVisible7" :title="$t('Glass information corresponding to aluminum frame')"

            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('Add') }}</el-button>

            <el-button type="primary" @click="AddOutSliceS()">{{ $t('Add') }}</el-button>

            <el-button type="primary" @click="CloseForm7()">{{ $t('Cancel') }}</el-button>

            <el-table :data="this.AluminumFrame" :height="700" border style="width: 100%;overflow: auto;">



                <el-table-column prop="frameBarcode" :label="$t('Frame No')"></el-table-column>

                <el-table-column prop="barcode" :label="$t('Barcode')"></el-table-column>

                <el-table-column prop="ordernumber" :label="$t('Order No')"></el-table-column>

                <el-table-column prop="listnumber" :label="$t('List No')"></el-table-column>

@@ -729,9 +831,15 @@
                <el-table-column prop="glassheight" :label="$t('Width')"></el-table-column>

                <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('Flipped')"></el-table-column>

                <el-table-column prop="storageCage.tier" :label="$t('The Side')">

                    <template slot-scope='scope'>

                        {{

                            scope.row.storageCage == null ? "" : scope.row.storageCage.tier == 1 ? $t('Inside') : $t('Outside')

                        }}

                    </template>

                </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') }}

@@ -743,12 +851,12 @@
                        {{ scope.row.storageCage != null ? $t('Yes') : $t('No') }}

                    </template>

                </el-table-column>

                <el-table-column :width="80" :label="$t('Operate')">

                <!-- <el-table-column :width="80" :label="$t('Operate')">

                    <template slot-scope='scope'>

                        <el-checkbox label="" :disabled="!(scope.row.storageCage != null && scope.row.out_slice == null)"

                            :checked="scope.row.isCheck" @change="CheckBoxchange(scope.row.barcode, $event)"></el-checkbox>

                    </template>

                </el-table-column>

                </el-table-column> -->

            </el-table>

        </el-dialog>

        <el-dialog :visible.sync="dialogFormCountDown" :title="$t('Approximately resettable time')" top="5vh">

@@ -765,7 +873,7 @@
    home, home2, InsertOrder, Addglassid, UpdateTask, SelectAlarmmgInfo, SelectCageInfo, DeleteByGlassID, OutByGlassID, Loadcarlist,

    SelectPassword, SelectGlassByGlassID, Disabled, Inglassid, SelectGlass, InsertQueueGlassId, UpdateQueueState, DeleteQueueGlass, SelectGlassNo,

    SelectAluminumFrameInfoById, DeleteProductionQueueGlass, AddOutSliceS, isAllowQueues, isConfirmStates, SelectPermissionByUserName, currentUsername, CompleteQueue,

    isAllowReorderings

    isAllowReorderings, FrameStateUpdate, WriteGlassID, ClearGlassId, CloseForm7, TaskStop, SoftEmergencyStop

} from "../../api/home";





@@ -851,15 +959,23 @@
            OutingQueue: true,

            OrderInfo: true,

            CageDetails: true,

            ClearGlassID:true,

            StopTask:true,

            SoftEmergencyStop:true,

            CountDowns: "0",

            D01RequestState: false,

            EmergencyStop: false,

            PromptSize: 250,

            reset: false

            reset: false,

            isQueueWarning: false,

            CurrentFrame: [],

            DeviceList: [1, 1, 1, 1, 1, 1, 1, 1, 1, 1],

            GlassIdList: []

        };

    },

    created() {

        this.load();



        this.init();

    }

    ,

@@ -899,6 +1015,25 @@
                    this.cagelist4 = obj.cagelist4[0];

                    this.tasklist1 = obj.tasklist1[0];

                    this.tasklist2 = obj.tasklist2[0];

                    this.alarm = obj.alarmmg[0];

                    //查询当前铝框信息

                    this.CurrentFrame = obj.CurrentFrame;

                    //获取设备状态

                    if (obj.DeviceList != null) {

                        this.DeviceList = obj.DeviceList[0];

                    }

                    //获取设备上的玻璃id

                    if (obj.GlassIdList != null) {

                        this.GlassIdList = obj.GlassIdList[0];

                    }

                    //获取待确认的铝框玻璃信息

                    if (obj.AluminumFrame != null) {

                        this.AluminumFrame = obj.AluminumFrame[0];

                        if (this.dialogFormVisible6 == true) {

                            this.dialogFormVisible7 = true;

                        }

                    }



                    // if (obj.alarmmg[0].length > 0) {

                    //     if (this.alarm.length > 0) {

                    //         if (this.alarm[this.alarm.length - 1].id != obj.alarmmg[0][obj.alarmmg[0].length - 1].id) {

@@ -910,31 +1045,33 @@
                    //         this.dialogFormVisible2 = true;

                    //     }

                    // }

                    //是否急停

                    if (obj.emergencystop != null) {

                        this.EmergencyStop = obj.emergencystop[0];

                    }

                    // //是否急停

                    // if (obj.emergencystop != null) {

                    //     this.EmergencyStop = obj.emergencystop[0];

                    // }



                    //复位倒计时

                    if (obj.countdown != null) {

                        if ((obj.countdown[0] == true && this.CountDowns == 0) || this.EmergencyStop == true) {

                            this.CountDown();

                        }

                    }

                    // //复位倒计时

                    // if (obj.countdown != null) {

                    //     if ((obj.countdown[0] == true && this.CountDowns == 0) || this.EmergencyStop == true) {

                    //         this.CountDown();

                    //     }

                    // }



                    //复位完成信号

                    if (obj.reset != null) {

                        this.reset = obj.reset[0];

                    }

                    // //复位完成信号

                    // if (obj.reset != null) {

                    //     this.reset = obj.reset[0];

                    // }



                    //是否有进片请求

                    if (obj.D01RequestState != null) {

                        this.D01RequestState = obj.D01RequestState[0];

                    }



                    // this.D01RequestState=true;



                    //是否允许出片

                    this.isAllowQueue = obj.isAllowQueue[0];

                    //当前出片格子是否被禁用

                    this.isQueueWarning = obj.isQueueWarning[0];

                    //是否允许出片队列调序

                    this.isAllowReordering = obj.isAllowReordering[0];

                    //出片队列

@@ -1017,6 +1154,15 @@
                        }

                        if (item.permissionId == "35" && item.state == 1) {

                            this.CageDetails = false;

                        }

                        if (item.permissionId == "36" && item.state == 1) {

                            this.ClearGlassID = false;

                        }

                        if (item.permissionId == "37" && item.state == 1) {

                            this.StopTask = false;

                        }

                        if (item.permissionId == "38" && item.state == 1) {

                            this.SoftEmergencyStop = false;

                        }

                    });

                });

@@ -1150,39 +1296,48 @@
        showform3() {

            this.dialogFormVisible5 = true;

        },

        //手动写入plc扫码位玻璃id

        WriteGlassID() {

            if (this.glassid1 != "") {

                WriteGlassID(this.glassid1).then(res => {

                    console.log(res.data);

                    this.$message.success(this.$t('Successful operation'));

                });

            }

        },

        //获取扫码位和上片位数据

        SelectGlassByGlassIDs(parameter) {

            this.showform3();

            if (parameter == 1) {

                SelectGlassByGlassID(this.glassid2).then(res => {

                    if (res.data.form != null) {

                        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'));

                        }

            // if (parameter == 1) {

            //     SelectGlassByGlassID(this.glassid2).then(res => {

            //         if (res.data.form != null) {

            //             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'));

                    }

                });

            } else {

                SelectGlassByGlassID(this.glassid1).then(res => {

                    if (res.data.form != null) {

                        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'));

                    }

                });

            }

            //         } else {

            //             this.$message.error(this.$t('There is no such glass'));

            //         }

            //     });

            // } else {

            //     SelectGlassByGlassID(this.glassid1).then(res => {

            //         if (res.data.form != null) {

            //             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'));

            //         }

            //     });

            // }



        },

        //查询客户玻璃信息

@@ -1207,23 +1362,19 @@
        showform7() {

            //查询铝框id对应玻璃信息

            SelectAluminumFrameInfoById(this.framebarcode).then(res => {

                this.AluminumFrame = res.data.listAluminumFrame;

                this.AluminumFrame.sort(function (x, y) {

                    if (x['storageCage'] != null && y['storageCage'] != null) {

                        return y['storageCage']['tier'] - x['storageCage']['tier'];

                    }

                });

                this.AluminumFrame.forEach(item => {

                    if (item.storageCage != null && item.out_slice == null) {

                        item.isCheck = true;

                    } else {

                        item.isCheck = false;

                    }

                    item.Flip = res.data.flip;

                    item.FrameNo = this.framebarcode;

                });

                this.AluminumFrame = res.data.AluminumFrame;

                console.log(this.AluminumFrame);

                // this.AluminumFrame.forEach(item => {

                //     if (item.storageCage != null && item.out_slice == null) {

                //         item.isCheck = true;

                //     } else {

                //         item.isCheck = false;

                //     }

                //     item.Flip = res.data.flip;

                //     item.FrameNo = this.framebarcode;

                // });

            });

            // this.dialogFormVisible7 = true;

            this.dialogFormVisible7 = true;

        },

        //取消操作时关闭页面

        cancel() {

@@ -1512,27 +1663,25 @@
        },

        //添加到出片队列

        AddOutSliceS() {

            // var dats_ = new Array();

            // this.AluminumFrame.forEach(item => {

            //     var dats2_ = new Array();

            //     dats2_[0] = item.barcode;

            //     dats2_[1] = item.isCheck;

            //     dats2_[2] = item.Flip;

            //     dats2_[3] = item.FrameNo;

            //     dats2_[4] = item.glasslengthmm;

            //     dats2_[5] = item.glassheightmm;

            //     dats_[dats_.length] = dats2_;

            // });

            // AddOutSliceS(dats_).then(res => {

            //     if (res.data.message == 200) {

            //         this.$message.success(this.$t('Operation successful'));

            //     }

            // });

            AddOutSliceS(this.framebarcode).then(res => {

                if (res.data.message == 200) {

                    this.$message.success(this.$t('Operation successful'));

                }

            });

            if (this.AluminumFrame != null) {

                AddOutSliceS(this.AluminumFrame[0].frameBarcode).then(res => {

                    if (res.data.message == 200) {

                        this.$message.success(this.$t('Operation successful'));

                    }

                });

            }

        },

        //关闭待确认铝框信息界面并清除待确认信息

        CloseForm7() {

            if (this.AluminumFrame != null) {

                CloseForm7().then(res => {

                    if (res.data.message == 200) {

                        this.AluminumFrame = null;

                        this.dialogFormVisible7 = false;

                        this.$message.success(this.$t('Operation successful'));

                    }

                });

            }

        },

        //置顶

        getTopMove(row, index) {

@@ -1676,7 +1825,8 @@
            rowIndex = column;

            let style = "";

            if (columnIndex === 8) {

                style = "font-size:200px;text-align: center;";

                // style = "font-size:200px;text-align: center;";

                style = "";

            }

            // if (columnIndex === 9 && row.flip == 1) {

            //     style = "background-Color:yellow;";

@@ -1701,7 +1851,7 @@
            if (rowIndex != 0) {

                barcode2 = arrOutSlice[rowIndex - 1].barcode;

            }

            if (columnIndex === 12 || columnIndex === 9 || columnIndex === 10 || columnIndex === 11) {

            if (columnIndex === 0 || columnIndex === 10) {

                if (barcode != barcode2) {

                    // this.FrameNoFlag = barcode;

                    for (let i = rowIndex; i < this.OutSlice.length; i++) {

@@ -1781,8 +1931,8 @@
                    } else {

                        if (count > 0) {

                            this.PromptSize = 500;

                            this.CountDowns = count;

                            count--;

                            this.CountDowns = count;

                            this.dialogFormCountDown = true;

                        }

                        else {

@@ -1798,6 +1948,120 @@
                1000

            );



        },

        //更换当前铝框

        FrameStateUpdate(frameno) {

            FrameStateUpdate(frameno).then(res => {

                if (res.data.message == 200) {

                    this.$message.success("Operation successful");

                }

            });

        },

        //当前铝框图形

        FrameWidthHeight(state, width, height, position) {

            if (state == "before") {

                if (position == 0) {

                    if (width > height) {

                        return 400;

                    }

                    else {

                        return width / height * 400;

                    }

                } else {

                    if (width > height) {

                        return height / width * 400;

                    }

                    else {

                        return 400;

                    }

                }

            }

            if (state == "after") {

                if (position == 0) {

                    if (width < height) {

                        return 400;

                    }

                    else {

                        return height / width * 400;

                    }

                } else {

                    if (width < height) {

                        return width / height * 400;

                    }

                    else {

                        return 400;

                    }

                }

            }

        },

        //获取设备显示状态

        ShowDeviceList(num) {

            if (this.DeviceList != null && this.DeviceList.length > 0) {



                if (this.DeviceList[num] == 0) {

                    return "";

                } else if (this.DeviceList[num] == 1) {

                    return "rgba(0,128,0,0.5)";

                } else if (this.DeviceList[num] == 2) {

                    return "rgba(255,0,0)";

                }

            }

        },

        //获取设备玻璃id

        ShowGlassIdList(num) {

            if (this.GlassIdList != null && this.GlassIdList.length > 0) {

                const specialChars = /[^\w\s]/g;

                return this.GlassIdList[num].replace(specialChars, "");

            }

        },

        //清除玻璃id

        ClearGlassId(position, num) {

            if (this.ClearGlassID == false) {

                if (this.DeviceList[position] != null) {

                    if (this.GlassIdList[num].length == 14) {

                        this.$confirm(this.$t('Are you sure to clear this barcode ?'), this.$t('confirm'), {

                            confirmButtonText: this.$t('Yes'),

                            cancelButtonText: this.$t('No'),

                            type: 'warning'

                        }).then(() => {

                            ClearGlassId(position, this.GlassIdList[num]).then(res => {

                                if (res.data.message3 == 200) {

                                    this.$message.success(this.$t('Operation successful'));

                                } else {

                                    this.$message.success(this.$t('operation failed'));

                                }

                            });

                        }).catch(() => {

                            this.$message({

                                type: 'info',

                                message: this.$t('Operation canceled')

                            });

                        });

                    } else {

                        this.$message.error(this.$t('There is no glass ID here'));

                    }

                } else {

                    //自动状态不能清除玻璃id

                    this.$message.error(this.$t('Unable to clear glass ID in automatic mode'));

                }

            } else {

                this.$message.error(this.$t('You do not have this permission'));

            }

        },

        //终止进/出片任务

        TaskStop(num) {

            TaskStop(num).then(res => {

                if (res.data.message == 200) {

                    this.$message.success(this.$t('Operation successful'));

                }

            });

        },

        SoftEmergencyStop() {

            SoftEmergencyStop.then(res => {

                if (res.data.message == 200) {

                    this.$message.success(this.$t('Operation successful'));

                }

            });

        }

    }

}