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


@@ -241,22 +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']"



                        :style="{ height: 35 * item['glassWidth'] + 'px' }" @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']"



                        :style="{ height: 35 * item['glassWidth'] + 'px' }" @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:139px;left:237px;">



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



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



                    <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:139px;left:640px;">



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



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



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



@@ -264,23 +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']"



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



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



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



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



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



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



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



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