阿尔巴尼亚项目
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
严智鑫
2024-04-09 d8b0090a24bf055322520777bd658065c4905949 
 Albania_Mes-ui/src/views/home/index.vue


@@ -89,7 +89,7 @@


    background-attachment: local;


    width: 1200px;


    position: absolute;


    background-image: url(/img/car.c2f92670.png);


    background-image: url('../../img/car.png');


    background-size: 800px 1200px;


}




@@ -302,12 +302,23 @@


    margin-top: -150px;


    margin-left: -200px;


}




.cells {


    height: 100%;


}


</style>


<template>


    <el-container>


        <!-- <el-header style="padding: 10px;"></el-header> -->


        <el-main>


            <div class="box" @click="dialogFormVisible2 = true">


            <el-dialog :visible.sync="dialogFormVisible2" :title="$t('Alarm Information')">


                <el-table :data="this.alarm" border style="width: 100%;font-size: 25px;">


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


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


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


                </el-table>


            </el-dialog>


            <div class="box" @click="dialogFormVisible2 = true" style="z-index: 999;">


                <div class="text">


                    <!-- Alarm: -->


                    {{ this.text }}


@@ -333,27 +344,53 @@


                    {{ $t('Task queue') }}</el-button>




            </div>


            <div style="display: flex;align-items: center;">


            <div style="display: flex;align-items: center;overflow: hidden;">


                <div class="blocks" style="position: relative;width: 100%;">


                    <div class="blocks-img" :style="'z-index:999;left:150px;top:555px;'">


                    <div class="blocks-img" :style="'z-index:999;left:150px;top:'+carposition+'px;'">




                    </div>


                    <div


                        :style="'position: absolute;z-index:999;left:271px;top:987px;width:210px;height:38px;background-color:' + ShowDeviceList(0) + ';;'">


                        :style="'position: absolute;z-index:99;left:271px;top:987px;width:210px;height:38px;background-color:' + ShowDeviceList(0) + ';'">


                    </div>


                    <div


                        :style="'position: absolute;z-index:999;left:553px;top:956px;width:110px;height:74px;background-color:' + ShowDeviceList(0) + ';;'">


                        :style="'position: absolute;z-index:1000;left:553px;top:'+(400+carposition)+'px;width:110px;height:88px;background-color:' + ShowDeviceList(0) + ';'">


                    </div>


                    <div


                        :style="'position: absolute;z-index:999;left:800px;top:450px;width:115px;height:30px;background-color:' + ShowDeviceList(0) + ';;'">


                        :style="'position: absolute;z-index:99;left:800px;top:450px;width:115px;height:30px;background-color:' + ShowDeviceList(0) + ';'">


                    </div>


                    <div


                        :style="'position: absolute;z-index:999;left:800px;top:675px;width:115px;height:30px;background-color:' + ShowDeviceList(0) + ';;'">


                        :style="'position: absolute;z-index:99;left:800px;top:675px;width:115px;height:30px;background-color:' + ShowDeviceList(0) + ';'">


                    </div>


                    <div


                        :style="'position: absolute;z-index:999;left:740px;top:930px;width:230px;height:90px;background-color:' + ShowDeviceList(0) + ';;'">


                        <div v-for="item in cagelist1" :key="item['id']">


                            <div></div>


                    <div :style="'position: absolute;z-index:99;left:740px;top:507px;width:230px;height:114px;'">


                        <div v-for="item in cagelist4" :key="item['id']"


                            :style="'display:flex;height:4.55px;position: relative;'">


                            <div class="cells" v-for="(num) in item['number']" :key="num" :style="'width: ' + (item['glassWidth'] * 0.046) + 'px;background-color:' + ShowCellList(1) + ';position: absolute;left:' +


                ((item['glassWidth'] * 0.046 * (num - 1)) + ((num - 1) * 5)) + 'px;'">


                            </div>


                        </div>


                    </div>


                    <div :style="'position: absolute;z-index:100;left:740px;top:730px;width:230px;height:90px;'">


                        <div v-for="item in cagelist3" :key="item['id']"


                            :style="'display:flex;height:2.25px;position: relative;'">


                            <div class="cells" v-for="(num) in item['number']" :key="num" :style="'width: ' + (item['glassWidth'] * 0.046) + 'px;background-color:' + ShowCellList(1) + ';position: absolute;left:' +


                ((item['glassWidth'] * 0.046 * (num - 1)) + ((num - 1) * 5)) + 'px;'">


                            </div>


                        </div>


                    </div>


                    <div :style="'position: absolute;z-index:100;left:740px;top:830px;width:230px;height:90px;'">


                        <div v-for="item in cagelist2" :key="item['id']"


                            :style="'display:flex;height:2.25px;position: relative;'">


                            <div class="cells" v-for="(num) in item['number']" :key="num" :style="'width: ' + (item['glassWidth'] * 0.046) + 'px;background-color:' + ShowCellList(1) + ';position: absolute;left:' +


                ((item['glassWidth'] * 0.046 * (num - 1)) + ((num - 1) * 5)) + 'px;'">


                            </div>


                        </div>


                    </div>


                    <div :style="'position: absolute;z-index:100;left:740px;top:930px;width:230px;height:90px;'">


                        <div v-for="item in cagelist1" :key="item['id']"


                            :style="'display:flex;height:2.25px;position: relative;'">


                            <div class="cells" v-for="(num) in item['number']" :key="num" :style="'width: ' + (item['glassWidth'] * 0.046) + 'px;background-color:' + ShowCellList(1) + ';position: absolute;left:' +


                ((item['glassWidth'] * 0.046 * (num - 1)) + ((num - 1) * 5)) + 'px;'">


                            </div>


                        </div>


                    </div>


                </div>


@@ -384,7 +421,7 @@


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


                            <template slot-scope='scope'>


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


                                    @click="FinishTask(0, scope.row.id)">{{ $t('Complete') }}</el-button>


                                    @click="FinishTask(scope.row.id)">{{ $t('Complete') }}</el-button>


                            </template>


                        </el-table-column>


                    </el-table>


@@ -400,7 +437,7 @@


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


                            <template slot-scope='scope'>


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


                                    @click="FinishTask(1, scope.row.id)">{{ $t('Complete') }}</el-button>


                                    @click="FinishTask(scope.row.id)">{{ $t('Complete') }}</el-button>


                            </template>


                        </el-table-column>


                    </el-table>


@@ -411,81 +448,71 @@


        </el-main>


        <el-dialog :visible.sync="Importorder" :title="$t('Import order')" top="5vh">


            <!--文件导入数据页面-->


            <div id="fileinput" class="container">


            <div id="" class="container">


                <div class="header">


                    <div class="btn">


                        <button @click="AllAdd">保存</button>


                    </div>


                    <div class="inp">


                        <el-button type="primary" @click="importData()">保存</el-button>




                        <input type="file" id="uploadExcel" multiple @change="Change" />


                    </div>


                </div>


                <table id="table">


                    <thead>


                        <tr>


                            <th>Customer</th>


                            <th>order</th>


                            <th>base</th>


                            <th>height</th>


                            <th>thickness</th>


                            <th>films</th>


                            <th>quantity</th>


                            <th>tier</th>


                            <th>matching</th>


                            <th>glasstype</th>


                            <th>productname</th>


                        </tr>


                    </thead>


                    <tbody style="text-align: center">


                        <tr v-for="item in dataList" :key="item.id">


                            <!-- <td>{{ item[0] }}</td>


                            <td>{{ item[1] }}</td>


                            <td>{{ item[2] }}</td>


                            <td>{{ item[3] }}</td>


                            <td>{{ item[4] }}</td>


                            <td>{{ item[5] }}</td>


                            <td>{{ item[6] }}</td>


                            <td>{{ item[7] }}</td>


                            <td>{{ item[8] }}</td>


                            <td>{{ item[9] }}</td>


                            <td>{{ item[10] }}</td> -->


                            <td>{{ item.Customer }}</td>


                            <td>{{ item.order }}</td>


                            <td>{{ item.base }}</td>


                            <td>{{ item.height }}</td>


                            <td>{{ item.thickness }}</td>


                            <td>{{ item.films }}</td>


                            <td>{{ item.quantity }}</td>


                            <td>{{ item.tier }}</td>


                            <td>{{ item.matching }}</td>


                            <td>{{ item.glasstype }}</td>


                            <td>{{ item.productname }}</td>


                        </tr>


                    </tbody>


                </table>


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


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


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


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


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


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


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


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


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


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


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


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


                </el-table>


            </div>


        </el-dialog>




        <el-dialog :visible.sync="Measure" :title="$t('Measure')" top="5vh"><!--测量页面-->


            <!--测量页面主体-->


            <div>


            <div style="height: 780px;">


                <!--功能-->


                <div>


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


                        style="z-index: 999;">人工匹配</el-button>


                        style="z-index: 999;">{{ $t('Manual matching') }}</el-button>


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


                        style="z-index: 999;">人工匹配</el-button>


                        style="z-index: 999;">{{ $t('Manual removal') }}</el-button>


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


                        style="z-index: 999;">{{ $t('Remeasure') }}</el-button>


                </div>


                <br>


                <!--显示-->


                <div style="width:1000px;height: 720px;border: 2px solid #d1d1d1;margin: auto auto;">


                <div style="width:1000px;height: 720px;border: 2px solid #d1d1d1;float: left;">


                    <!--玻璃图  #81b337-->


                    <div :style="'top:10px;bottom: 10px;left: 10px;right: 10px;margin: auto;position:absolute;width:'


                + (this.LastQueue.glasswidth / 25 * 7) + 'px;height:'


                + (this.LastQueue.glassheight / 25 * 7) + 'px;line-height: '


                + (this.LastQueue.glassheight / 25 * 7) + 'px;background-color: #93d2f3;text-align: center;'">


                        {{ this.LastQueue.glasswidth }}*{{ this.LastQueue.glassheight }}


                    <div :style="'top:10px;bottom: 10px;left: 10px;right: 10px;margin:'+((720-(this.LastQueue.glassheight / 25 * 7))/2)+'px auto;width:'


                        + (this.LastQueue.glasswidth / 25 * 7) + 'px;height:'


                        + (this.LastQueue.glassheight / 25 * 7) + 'px;line-height: '


                        + (this.LastQueue.glassheight / 25 * 7) + 'px; background-color: '


                        + (this.LastQueue.state>0?'#4CCCE4':(this.LastQueue.state==0?'#E4CA4C':'#E4CA4C'))+';text-align: center;'">


                        {{ (this.LastQueue.glasswidth+this.LastQueue.glassheight)!=0?(this.LastQueue.glasswidth+"*"+this.LastQueue.glassheight):"" }} 


                    </div>




                </div>


                <!--显示-->


                <div style="width:20px;height: 720px;float: left;"></div>


                <div style="width:500px;height: 620px;border: 2px solid #d1d1d1;float: left;padding: 50px 50px;">


                    <!--玻璃图  #81b337-->


                    <span class="measuretitle">{{ $t('Width') }}：</span> <span class="measureValue">{{ this.LastQueue.glasswidth }}</span> <span class="measureUnit">mm</span>


                    <br>


                    <span class="measuretitle">{{ $t('Height') }}：</span> <span class="measureValue">{{ this.LastQueue.glassheight }}</span> <span class="measureUnit">mm</span>


                    <br>


                    <span class="measuretitle">{{ $t('Thickness') }}：</span> <span class="measureValue">{{ this.LastQueue.thickness }}</span> <span class="measureUnit">mm</span>


                    <br>


                    <span class="measuretitle">{{ $t('Measure Width') }}：</span> <span class="measureValue">{{ this.LastQueue.glasswidthmm }}</span> <span class="measureUnit">mm</span>


                    <br>    


                    <span class="measuretitle">{{ $t('Measure Height') }}：</span> <span class="measureValue">{{ this.LastQueue.glassheightmm }}</span> <span class="measureUnit">mm</span>


                    <br>


                    <span class="measuretitle">{{ $t('Matching results') }}：</span> <span class="measureValue">{{ this.LastQueue.state>0?$t('Matching successful'):(this.LastQueue.state==0?$t('Multiple data matching'):$t('Matching failed')) }}</span>


                    <br>


                </div>


            </div>


        </el-dialog>


@@ -498,26 +525,23 @@


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


                <el-table-column :min-width="80" prop="glassHeight" :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="80" prop="films" :label="$t('Films')"></el-table-column>


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


                <el-table-column :min-width="80" prop="width" :label="$t('Width')"></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;"


                            @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.width < scope.row.glassWidth + 100 ? true : false)"


                            @click="UpdateStroageCageByCell(scope.row.cell, scope.row.number, 1)">{{ $t('Add')


                            }}


                        </el-button>




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


                            :disabled="scope.row.number >= 1 ? false : true"


                            @click="UpdateStroageCageByCell(scope.row.cell, scope.row.number, -1)">{{ $t('Reduce')


                            }}</el-button>




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


                            :disabled="scope.row.number >= 1 ? false : true"


                            @click="UpdateStroageCageByCell(scope.row.cell, scope.row.number, 0)">{{ $t('Delete')


@@ -552,23 +576,29 @@


                </el-table-column>


                <el-table-column prop="state" :label="$t('Task State')">


                    <template slot-scope='scope'>


                        {{ scope.row.state >= 0 ? scope.row.state == 0 ? $t('Start') : $t('Stop') : "" }}


                        {{ scope.row.state >= 0 ? scope.row.state == 0 ? $t('Stop') : $t('Start') : "" }}


                    </template>


                </el-table-column>


                <el-table-column prop="method" :label="$t('Task Method')">


                    <template slot-scope='scope'>


                        {{ scope.row.state >= 0 ? scope.row.method == 0 ? $t('Out') : $t('All Out') : "" }}


                    </template>




                </el-table-column>


                <el-table-column prop="line" :label="$t('Task Line')">


                </el-table-column>


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


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




                    <template slot-scope='scope'>


                        <el-select v-model="selected[scope.$index]" :placeholder="$t('Line')"


                            v-show="scope.row.state >= 0 ? true : false">


                            <el-option v-for="item in options" :key="item.value" :label="item.label"


                                :value="item.value">


                            </el-option>


                        </el-select>


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


                            v-show="scope.row.state >= 0 ? true : false"


                            @click="ClaimTasks(scope.row.flowcard, scope.row.state)">


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


                            @click="ClaimTasks(scope.row.flowcard, scope.row.state, selected[scope.$index])">


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




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


                            v-show="scope.row.state >= 0 ? true : false"


@@ -594,6 +624,7 @@


            </div>


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


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


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


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


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


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


@@ -614,11 +645,11 @@


<script>




import {


    home, home2, SelectCageInfo,


    home, SelectCageInfo,


    Disabled, SelectPermissionByUserName, currentUsername, CompleteQueue,


    isAllowReorderings,




    UpdateStroageCageByCell, FinishTask, SelectGlassInfo, StorageCageAddGlass, ClaimTasks, ModeChange, UpdateQueue


    UpdateStroageCageByCell, FinishTask, SelectGlassInfo, StorageCageAddGlass, ClaimTasks, ModeChange, UpdateQueue, importData, ManualTake, AnewMeasure


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






@@ -629,6 +660,15 @@


    name: "Home",


    data() {


        return {


            carposition:0,


            selected: [],


            options: [{


                value: '1',


                label: '1'


            }, {


                value: '2',


                label: '2'


            }],


            dataList: [],


            tableData1: [],


            Measuermode: false,


@@ -769,13 +809,8 @@


                socket.onmessage = function (msg) {


                    //console.log("收到数据====" + msg.data);


                    let obj = JSON.parse(msg.data);


                    if (obj.params != null) {


                        var zhi1 = obj.params[0][0];


                        var zhi2 = obj.params[0][1];


                        this.car1 = 145 + 8.15 * Math.abs(zhi1 - this.carlist[0]['start']) / Math.abs(this.carlist[0]['end'] - this.carlist[0]['start']) * 100;


                        this.car2 = 210 + 8.15 * Math.abs(zhi2 - this.carlist[1]['start']) / Math.abs(this.carlist[1]['end'] - this.carlist[1]['start']) * 100;


                        // this.car1 = 210 + 11.25 * (obj.params[0][1]-this.carlist[1]['start'])/(this.carlist[1]['end']-this.carlist[1]['start'])*100;


                        // this.car2 = 300 + 11.25 * (obj.params[0][1]-this.carlist[1]['start'])/(this.carlist[1]['end']-this.carlist[1]['start'])*100;


                    if(obj.carposition != null){


                        this.carposition = obj.carposition[0];


                    }


                    // 获取设备状态


                    if (obj.DeviceList != null) {


@@ -820,7 +855,7 @@


                socket.onclose = function () {


                    console.log("websocket已关闭");


                };


                //发生了错误事件


                //发生了错误事件    


                socket.onerror = function () {


                    console.log("websocket发生了错误");


                }


@@ -869,13 +904,6 @@


                this.cageinfo = res.data.cageinfo;


                this.currentPages = 1;


            });


            //加载理片笼玻璃数据


            home2().then(res => {


                this.cagelist1 = res.data.list1;


                this.cagelist2 = res.data.list2;


                this.cagelist3 = res.data.list3;


                this.cagelist4 = res.data.list4;


            });


        },


        //添加理片笼玻璃


        StorageCageAddGlass(index) {


@@ -883,6 +911,7 @@


                StorageCageAddGlass(this.cell, this.StorageCageAddInfo[index]).then(res => {


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


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


                        this.StorageCageAdd=false;


                    }


                })


            } else {


@@ -897,8 +926,8 @@




        },


        //领取/暂停任务


        ClaimTasks(flowcard, state) {


            ClaimTasks(flowcard, state).then(res => {


        ClaimTasks(flowcard, state, line) {


            ClaimTasks(flowcard, state, line).then(res => {


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


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


                }


@@ -919,9 +948,9 @@


            })


        },


        //完成进/出片任务


        FinishTask(tasktype, id) {


            FinishTask(tasktype, id).then(res => {


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


        FinishTask(id) {


            FinishTask(id).then(res => {


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


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


                }


            });


@@ -930,6 +959,7 @@


        UpdateStroageCageByCell(cell, nownum, num) {


            if (nownum == null && num == 1) {


                this.StorageCageAdd = true;


                this.Measuermode=true;


                this.cell = cell;


            } else {


                if (nownum + num == 0) {


@@ -998,6 +1028,15 @@


                }


            }


        },


        //获取设备显示状态


        ShowCellList(num) {


            if (num == null) {


                return "";


            } else if (num > 0) {


                return "gray";


                // return "rgba(0,0,0,1)";


            }


        },


        //获取设备玻璃id


        ShowGlassIdList(num) {


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


@@ -1008,10 +1047,25 @@


        //人工匹配


        ManualMatching() {


            this.StorageCageAdd = true;


            this.Measuermode=false;


        },


        //人工拿走


        ManualTake() {




            let s = "123";


            ManualTake(s).then(res => {


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


                    console.log(res.data.message);


                }


            })


        },


        //重新测量


        AnewMeasure() {


            let s = "123";


            AnewMeasure(s).then(res => {


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


                    console.log(res.data.message);


                }


            })


        },


        Change(event) {


            // 获取到文件夹


@@ -1042,12 +1096,15 @@


        Add() {




        },


        Hide() {




        },


        AllAdd() {


            //添加数据进后台


            console.log(this.dataList);


        importData() {


            //let tbdata=JSON.stringify(this.dataList);


            let tbdata=this.dataList;


            console.log(tbdata);


            importData(tbdata).then(res => {


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


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


                }


            });


        },


        del() {