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


@@ -60,6 +60,8 @@






.gezi {



    height: 35px;



    


    position: absolute;



    width: 3.07px;



    /* width: 4.22px; */



}



@@ -75,19 +77,20 @@










.blocks {







    



    max-width: 94vw;



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



    margin: 0 auto;



    background-repeat: no-repeat;



    background-attachment: local;



    width: 1660px;



    min-height: 55vh;



    max-width: 94vw;



    background-size: 1200px 510px;



    /* max-width: 100vw;



    background-size: 1660px 560px; */



    


    










}







.blocks-img {



@@ -238,19 +241,22 @@


        <el-footer>



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



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



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



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



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



                        :style="{ height: 35 * item['glassWidth'] + 'px',left:3.07*index+'px' }" @click="showcageinfo(item['cage'])"></div>



                </div>



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



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



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



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



                        :style="{ height: 35 * item['glassWidth'] + 'px',left:3.07*index+'px' }" @click="showcageinfo(item['cage'])"></div>



                </div>



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



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



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



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



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



                        :style="{ height: 35 * item['glassWidth'] + 'px', top: item['width'] * 35 - 35 + 'px',left:3.07*index+'px' }"



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



                    </div>



                </div>



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



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



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



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



                        :style="{ height: 35 * item['glassWidth'] + 'px', top: item['width'] * 35 - 35 + 'px',left:3.07*index+'px' }"



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



                </div>



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



@@ -258,19 +264,23 @@


                <div class="blocks-img2"></div>



                <div class="blocks-img3"></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']"



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



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



                    <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 in cagelist3" :key="item['date']"



                    <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 in cagelist4" :key="item['date']"



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



@@ -424,10 +434,10 @@


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



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



                    if (obj.params != null) {



                        this.car1 = 107 + 17.62 * obj.params[0][0];



                        this.car2 = 175 + 17.62 * obj.params[0][1];



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



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



                        this.car1 = 107 + 17.62 * obj.params[0][0]/1000;



                        this.car2 = 175 + 17.62 * obj.params[0][1]/1000;



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



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



                    }



                    this.tableData = obj.tableData[0];



                    this.cagelist1 = obj.cagelist1[0];



@@ -625,7 +635,7 @@


                    OutByGlassID(glassid).then(res => {



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



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



                        } 


                        }



                        else if (res.data.message2 == 300) {



                            this.$message.success(this.$t('There is no such grid'));



                        }