主页面修改理片笼玻璃与表格显示

ZengTao

2023-09-17 9afdf0e2256420cf8157f886808ec67794d11098

主页面修改理片笼玻璃与表格显示

 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 {

@@ -239,18 +242,21 @@
            <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>

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

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

                </div>

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

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

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

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

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

                    </div>

                </div>

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

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

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

                </div>

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

@@ -259,18 +265,22 @@
                <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' }"

                        @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' }"

                        @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' }"

                        @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' }"

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

                        }


 springboot-vue3/src/main/java/com/example/springboot/mapper/HomeMapper.java

@@ -14,19 +14,19 @@
  List<StorageCage> selectAll();

  // 查询1-5笼内层格子状态
  @Select("SELECT cage,state from storage_cage where cage<=5 and tier=1")
  @Select("SELECT cage,state,glasswidth/width*2 as glasswidth from storage_cage where cage<=5 and tier=2")
  List<StorageCage> selectRack1();

  // 查询6-10笼内层格子状态
  @Select("SELECT cage,state from storage_cage where cage>5 and tier=1")
  @Select("SELECT cage,state,glasswidth/width*2 as glasswidth from storage_cage where cage>5 and tier=2")
  List<StorageCage> selectRack2();

  // 查询1-5笼外层格子状态
  @Select("SELECT cage,state from storage_cage where cage<=5 and tier=2")
  @Select("SELECT case when tier=1 then cage else 0 end as cage,case when tier=1 then state else 0 end as state,sum(case when tier=1 then glasswidth/width*2 else 0 end) as glasswidth,sum(case when tier=2 then glasswidth/width*2 else 0 end) as width  from storage_cage where cage<=5  group by cell")
  List<StorageCage> selectRack3();

  // 查询6-10笼外层格子状态
  @Select("SELECT cage,state from storage_cage where cage>5 and tier=2")
  @Select("SELECT case when tier=1 then cage else 0 end as cage,case when tier=1 then state else 0 end as state,sum(case when tier=1 then glasswidth/width*2 else 0 end) as glasswidth,sum(case when tier=2 then glasswidth/width*2 else 0 end) as width  from storage_cage where cage>5  group by cell")
  List<StorageCage> selectRack4();

  // 根据任务类型查询当前正在出片，进片的玻璃信息
@@ -66,7 +66,7 @@
  List<alarmmg> SelectAlarmmgInfo();

  //获取理片笼内玻璃信息
  @Select("select *,concat(glasswidth,' x ',glassheight) as lengthwidth from storage_cage where cage=#{cage} ")
  @Select("select *,concat(glasswidth,' x ',glassheight) as lengthwidth from storage_cage where cage=#{cage} and state!=0 ")
  List<StorageCage> SelectCageInfo(short cage);

  @Update("update storage_cage set state=0,glass_id=null,order_id=null,glasswidth=null,glassheight=null,coating=null where glass_id=#{glassid}")