加拿大MES项目
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
wuyouming666
2023-09-13 eb967d7573a8297e493d455dfce2c77319215990 
 CanadaMes-ui/src/views/home/index.vue


@@ -59,36 +59,36 @@


}







.gezi {



    height: 25px;



    width: 3.25px;



    height: 35px;



    width: 4.22px;



}







.gezi:nth-child(22),



.gezi:nth-child(43),



.gezi:nth-child(64),



.gezi:nth-child(85) {



    margin-left: 7.7px;



    margin-left: 10px;



}















.blocks {



    min-height: 49vh;



    min-height: 55vh;



    max-width: 100vw;



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



    margin: 0 auto;



    background-repeat: no-repeat;



    /* background-size: 100% 100%; */



    background-size: 1280px 377px;



    background-size: 1660px 560px;



    background-attachment: local;



    width: 1280px;



    width: 1660px;



}







.blocks-img {



    height: 100px;



    max-width: 100vw;



    background-repeat: no-repeat;



    background-size: 32px 66px;



    background-size: 46px 94px;



    background-attachment: local;



    width: 32px;







@@ -142,7 +142,7 @@


    <el-container>



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



        <el-main>



            <div class="box">



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



                <div class="text">



                    Alarm:



                    <label v-for="item in this.alarm" :key="item['id']">



@@ -150,7 +150,6 @@


                    </label>



                </div>



            </div>







            <div style="display:flex;justify-content: space-around;width: 95%;margin: 0 auto;">



                <el-input style="width:15%;" placeholder="Enter the glass lD" v-model="glassid"></el-input>



                <el-button type="primary" @click="showform()">Manually feed the glass</el-button>



@@ -162,7 +161,7 @@


                    <el-table-column prop="glassId" label="Coming out glass ID"></el-table-column>



                    <el-table-column :width="250" prop="cell" label="The Grille number being used"></el-table-column>



                    <el-table-column prop="orderId" label="Order Nmuber"></el-table-column>



                    <el-table-column prop="lengthwidth" label="Length and width"></el-table-column>



                    <el-table-column prop="lengthWidth" label="Length and width"></el-table-column>



                    <el-table-column prop="coating" label="coating"></el-table-column>



                    <el-table-column label="Operate">



                        <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" @click="endtask(0)">end



@@ -173,7 +172,7 @@


                    <el-table-column prop="glassId" label="Incoming glass ID"></el-table-column>



                    <el-table-column :width="250" prop="cell" label="The Grille number being used"></el-table-column>



                    <el-table-column prop="orderId" label="Order Nmuber"></el-table-column>



                    <el-table-column prop="lengthwidth" label="Length and width"></el-table-column>



                    <el-table-column prop="lengthWidth" label="Length and width"></el-table-column>



                    <el-table-column prop="coating" label="coating"></el-table-column>



                    <el-table-column label="Operate">



                        <el-button type="primary" style="padding: 4px 10px;font-size: 12px;" @click="endtask(1)">end



@@ -196,24 +195,24 @@


        </el-main>



        <el-footer>



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



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



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



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



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



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



                </div>



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



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



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



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



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



                </div>



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



                    <div :class="getStatusClass(item.state)" v-for="item in cagelist3" :key="item['date']"></div>



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



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



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



                </div>



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



                    <div :class="getStatusClass(item.state)" v-for="item in cagelist4" :key="item['date']"></div>



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



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



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



                </div>



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







                </div>



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







                </div>



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



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



            </div>



        </el-footer>



        <el-dialog :visible.sync="dialogFormVisible" title="Please confirm the information">



@@ -254,20 +253,52 @@


                </span>



            </template>



        </el-dialog>



        <el-dialog :visible.sync="dialogFormVisible2" title="Ordering Information">



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



                <el-table-column prop="id" label="id"></el-table-column>



                <el-table-column prop="content" label="content"></el-table-column>



                <el-table-column prop="timeons" label="timeon"></el-table-column>







                <el-table-column prop="endTime" label="endTime"></el-table-column>



            </el-table>



        </el-dialog>



        <el-dialog :visible.sync="dialogFormVisible3" title="Ordering Information">



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



                <el-table-column :width="150" prop="cage" label="the grille number"></el-table-column>



                <el-table-column prop="cell" label="cell"></el-table-column>



                <el-table-column prop="tier" label="tier"></el-table-column>



                <el-table-column prop="glassId" label="glassid"></el-table-column>



                <el-table-column :width="130" prop="orderId" label="order number"></el-table-column>



                <el-table-column :width="150" prop="lengthWidth" label="length and width"></el-table-column>



                <el-table-column prop="coating" label="coating"></el-table-column>



                <el-table-column :width="150" label="operate">



                    <template slot-scope='scope'>



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



                            @click="deleteglass(scope.row.glassId, scope.row.state)">delete</el-button>



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



                            @click="outglass(scope.row.glassId,scope.row.state)">out</el-button>



                    </template>



                </el-table-column>



            </el-table>



        </el-dialog>



    </el-container>



</template>



  


<script>







import { home, home2, loadtask, InsertOrder, Addglassid, UpdateTask, SelectAlarmmgInfo } from "../../api/home";



import { home, home2, loadtask, InsertOrder, Addglassid, UpdateTask, SelectAlarmmgInfo, SelectCageInfo, DeleteByGlassID, OutByGlassID } from "../../api/home";











import LanguageMixin from '../../lang/LanguageMixin'



let socket;



export default {



    name: "Home",



    data() {



        return {



            mixins: [LanguageMixin],



            dialogFormVisible: false,



            dialogFormVisible1: false,



            dialogFormVisible2: false,



            dialogFormVisible3: false,



            form: {



                orderno: "NG2210210",



                length: 800,



@@ -291,10 +322,12 @@


            order: "",



            glassid: "",



            url: "../../img/bigcar01.png",



            car1: 116,



            car2: 187,



            car1: 150,



            car2: 242,



            incell: "",



            outcell: ""



            outcell: "",



            cageinfo: [],



            cage: 0



        };



    },



    created() {



@@ -309,7 +342,6 @@


                console.log("您的浏览器不支持WebSocket");



            } else {



                //console.log("您的浏览器支持WebSocket");







                let socketUrl = "ws://" + "localhost:8888" + "/springboot-vue3/api/talk/" + viewname;



                if (socket != null) {



                    socket.close();



@@ -326,10 +358,11 @@






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



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



                    //this.$set(this.record.params, 0, obj.params[0]);



                    if (obj.params != null) {



                        this.car1 = 150 + 24.6 * obj.params[0][0];



                        this.car2 = 242 + 24.6 * obj.params[0][1];



                    }







                    this.car1 = 116 + 18.88 * obj.params[0][0];



                    this.car2 = 187 + 18.8 * obj.params[0][1];



                    this.tableData = obj.tableData[0];



                    this.cagelist1 = obj.cagelist1[0];



                    this.cagelist2 = obj.cagelist2[0];



@@ -344,16 +377,11 @@


                        this.outcell = this.tasklist2[0]['cell'];



                    }



                    this.alarm = obj.alarmmg[0];



                    // for (let a = 0; a <= this.record.params.length - 1; a++) {



                    //     // this.record.xyData[a] = [this.record.canshu[a], this.record.params[0][a]];



                    //     // this.record.xyData[a] = { name: this.record.canshu[a], value: this.record.params[0][a] };







                    //     // this.record.xyData[a].value = this.record.params[0][a];



                    //     this.car1=this.record.params[0][a];



                    //     console.log(this.record.params[0][a]);



                    SelectCageInfo(this.cage).then(res => {



                        this.cageinfo = res.data.cageinfo;



                    });











                    // }



                    this.$forceUpdate();







                }.bind(this);



@@ -401,7 +429,7 @@


        //根据格子状态修改颜色



        getStatusClass(state) {



            if (state == 0) {



                return "green gezi";



                return "gezi";



            } else if (state == 1) {



                return "blue gezi";



            } else if (state == 2) {



@@ -486,7 +514,35 @@


                });



            }











        },



        showcageinfo(cage) {



            this.cage = cage;



            SelectCageInfo(cage).then(res => {



                this.cageinfo = res.data.cageinfo;



                this.dialogFormVisible3 = true;



            });



        },



        deleteglass(glassid, state) {



            if (state == 1) {



                DeleteByGlassID(glassid).then(res=>{



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



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



                    }



                });



            } else {



                this.$message.success("No out allowed");



            }



        },



        outglass(glassid,state){



            if (state == 1) {



                OutByGlassID(glassid).then(res=>{



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



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



                    }



                });



            } else {



                this.$message.success("No out allowed");



            }



        }







    }