中空模块新增空闲状态，中空配方新增字段，掰片模块调整文字样式

wangfei

2025-01-07 e875c70fea51ffafd689fd0d5f8b51bd3df40de0

中空模块新增空闲状态，中空配方新增字段，掰片模块调整文字样式

 UI-Project/src/lang/en.js

@@ -676,6 +676,8 @@
          finegrinding: '精磨',
      },
      hellow: {
          freeone: '一线空闲状态：',
          freetwo: '二线空闲状态：',
          casFour: '气体4',
          casFourb: '气体4：',
          casFoura: '请选择气体4',
@@ -702,17 +704,44 @@
          frameTwo: '间隔板2',
          frameTwob: '间隔板2：',
          frameTwoa: '请输入间隔板2',
          intervalFrameHeight: '间隔框高度',
          intervalFrameHeighta: '请输入间隔框高度',
          intervalFrameHeightb: '间隔框高度：',
          intervalFrameType: '间隔框类型',
          intervalFrameTypec: '请选择间隔框类型',
          intervalFrameTyped: '间隔框类型：',
          intervalFrameHeightOne: '间隔框高度1',
          intervalFrameHeightTwo: '间隔框高度2',
          intervalFrameHeightThree: '间隔框高度3',
          intervalFrameHeightFour: '间隔框高度4',
          intervalFrameHeightaOne: '请输入间隔框高度1',
          intervalFrameHeightaTwo: '请输入间隔框高度2',
          intervalFrameHeightaThree: '请输入间隔框高度3',
          intervalFrameHeightaFour:  '请输入间隔框高度4',
          intervalFrameHeightbOne: '间隔框高度1：',
          intervalFrameHeightbTwo: '间隔框高度2：',
          intervalFrameHeightbThree: '间隔框高度3：',
          intervalFrameHeightbFour:  '间隔框高度4：',
          intervalFrameTypeOne: '间隔框类型1',
          intervalFrameTypeTwo: '间隔框类型2',
          intervalFrameTypeThree: '间隔框类型3',
          intervalFrameTypeFour: '间隔框类型4',
          intervalFrameTypecOne: '请选择间隔框类型1',
          intervalFrameTypecTwo: '请选择间隔框类型2',
          intervalFrameTypecThree: '请选择间隔框类型3',
          intervalFrameTypecFour: '请选择间隔框类型4',
          intervalFrameTypedOne: '间隔框类型1：',
          intervalFrameTypedTwo: '间隔框类型2：',
          intervalFrameTypedThree: '间隔框类型3：',
          intervalFrameTypedFour: '间隔框类型4：',
          intervalFrameTypea: 'tps胶',
          intervalFrameTypeb: '铝间隔条',
          intervalFrameWidth: '间隔框宽度',
          intervalFrameWidtha: '请输入间隔框宽度',
          intervalFrameWidthb: '间隔框宽度：',
          intervalFrameWidthOne: '间隔框宽度1',
          intervalFrameWidthTwo: '间隔框宽度2',
          intervalFrameWidthThree: '间隔框宽度3',
          intervalFrameWidthFour:  '间隔框宽度4',
          intervalFrameWidthaOne: '请输入间隔框宽度1',
          intervalFrameWidthaTwo: '请输入间隔框宽度2',
          intervalFrameWidthaThree: '请输入间隔框宽度3',
          intervalFrameWidthaFour:  '请输入间隔框宽度4',
          intervalFrameWidthbOne: '间隔框宽度1：',
          intervalFrameWidthbTwo: '间隔框宽度2：',
          intervalFrameWidthbThree: '间隔框宽度3：',
          intervalFrameWidthbFour:  '间隔框宽度4：',
          sealInsert: '密封嵌入',
          sealInsertb: '密封嵌入：',
          sealInserta: '请输入密封嵌入',

 UI-Project/src/lang/py.js

@@ -676,6 +676,8 @@
        finegrinding: '精磨',
    },
    hellow: {
        freeone: '一线空闲状态：',
        freetwo: '二线空闲状态：',
        casFour: '气体4',
        casFourb: '气体4：',
        casFoura: '请选择气体4',
@@ -702,17 +704,44 @@
        frameTwo: '间隔板2',
        frameTwob: '间隔板2：',
        frameTwoa: '请输入间隔板2',
        intervalFrameHeight: '间隔框高度',
        intervalFrameHeighta: '请输入间隔框高度',
        intervalFrameHeightb: '间隔框高度：',
        intervalFrameType: '间隔框类型',
        intervalFrameTypec: '请选择间隔框类型',
        intervalFrameTyped: '间隔框类型：',
        intervalFrameHeightOne: '间隔框高度1',
        intervalFrameHeightTwo: '间隔框高度2',
        intervalFrameHeightThree: '间隔框高度3',
        intervalFrameHeightFour: '间隔框高度4',
        intervalFrameHeightaOne: '请输入间隔框高度1',
        intervalFrameHeightaTwo: '请输入间隔框高度2',
        intervalFrameHeightaThree: '请输入间隔框高度3',
        intervalFrameHeightaFour:  '请输入间隔框高度4',
        intervalFrameHeightbOne: '间隔框高度1：',
        intervalFrameHeightbTwo: '间隔框高度2：',
        intervalFrameHeightbThree: '间隔框高度3：',
        intervalFrameHeightbFour:  '间隔框高度4：',
        intervalFrameTypeOne: '间隔框类型1',
        intervalFrameTypeTwo: '间隔框类型2',
        intervalFrameTypeThree: '间隔框类型3',
        intervalFrameTypeFour: '间隔框类型4',
        intervalFrameTypecOne: '请选择间隔框类型1',
        intervalFrameTypecTwo: '请选择间隔框类型2',
        intervalFrameTypecThree: '请选择间隔框类型3',
        intervalFrameTypecFour: '请选择间隔框类型4',
        intervalFrameTypedOne: '间隔框类型1：',
        intervalFrameTypedTwo: '间隔框类型2：',
        intervalFrameTypedThree: '间隔框类型3：',
        intervalFrameTypedFour: '间隔框类型4：',
        intervalFrameTypea: 'tps胶',
        intervalFrameTypeb: '铝间隔条',
        intervalFrameWidth: '间隔框宽度',
        intervalFrameWidtha: '请输入间隔框宽度',
        intervalFrameWidthb: '间隔框宽度：',
        intervalFrameWidthOne: '间隔框宽度1',
        intervalFrameWidthTwo: '间隔框宽度2',
        intervalFrameWidthThree: '间隔框宽度3',
        intervalFrameWidthFour:  '间隔框宽度4',
        intervalFrameWidthaOne: '请输入间隔框宽度1',
        intervalFrameWidthaTwo: '请输入间隔框宽度2',
        intervalFrameWidthaThree: '请输入间隔框宽度3',
        intervalFrameWidthaFour:  '请输入间隔框宽度4',
        intervalFrameWidthbOne: '间隔框宽度1：',
        intervalFrameWidthbTwo: '间隔框宽度2：',
        intervalFrameWidthbThree: '间隔框宽度3：',
        intervalFrameWidthbFour:  '间隔框宽度4：',
        sealInsert: '密封嵌入',
        sealInsertb: '密封嵌入：',
        sealInserta: '请输入密封嵌入',

 UI-Project/src/lang/zh.js

@@ -676,6 +676,8 @@
          finegrinding: '精磨',
      },
    hellow: {
        freeone: '一线空闲状态：',
        freetwo: '二线空闲状态：',
        casFour: '气体4',
        casFourb: '气体4：',
        casFoura: '请选择气体4',
@@ -702,17 +704,44 @@
        frameTwo: '间隔板2',
        frameTwob: '间隔板2：',
        frameTwoa: '请输入间隔板2',
        intervalFrameHeight: '间隔框高度',
        intervalFrameHeighta: '请输入间隔框高度',
        intervalFrameHeightb: '间隔框高度：',
        intervalFrameType: '间隔框类型',
        intervalFrameTypec: '请选择间隔框类型',
        intervalFrameTyped: '间隔框类型：',
        intervalFrameHeightOne: '间隔框高度1',
        intervalFrameHeightTwo: '间隔框高度2',
        intervalFrameHeightThree: '间隔框高度3',
        intervalFrameHeightFour: '间隔框高度4',
        intervalFrameHeightaOne: '请输入间隔框高度1',
        intervalFrameHeightaTwo: '请输入间隔框高度2',
        intervalFrameHeightaThree: '请输入间隔框高度3',
        intervalFrameHeightaFour:  '请输入间隔框高度4',
        intervalFrameHeightbOne: '间隔框高度1：',
        intervalFrameHeightbTwo: '间隔框高度2：',
        intervalFrameHeightbThree: '间隔框高度3：',
        intervalFrameHeightbFour:  '间隔框高度4：',
        intervalFrameTypeOne: '间隔框类型1',
        intervalFrameTypeTwo: '间隔框类型2',
        intervalFrameTypeThree: '间隔框类型3',
        intervalFrameTypeFour: '间隔框类型4',
        intervalFrameTypecOne: '请选择间隔框类型1',
        intervalFrameTypecTwo: '请选择间隔框类型2',
        intervalFrameTypecThree: '请选择间隔框类型3',
        intervalFrameTypecFour: '请选择间隔框类型4',
        intervalFrameTypedOne: '间隔框类型1：',
        intervalFrameTypedTwo: '间隔框类型2：',
        intervalFrameTypedThree: '间隔框类型3：',
        intervalFrameTypedFour: '间隔框类型4：',
        intervalFrameTypea: 'tps胶',
        intervalFrameTypeb: '铝间隔条',
        intervalFrameWidth: '间隔框宽度',
        intervalFrameWidtha: '请输入间隔框宽度',
        intervalFrameWidthb: '间隔框宽度：',
        intervalFrameWidthOne: '间隔框宽度1',
        intervalFrameWidthTwo: '间隔框宽度2',
        intervalFrameWidthThree: '间隔框宽度3',
        intervalFrameWidthFour:  '间隔框宽度4',
        intervalFrameWidthaOne: '请输入间隔框宽度1',
        intervalFrameWidthaTwo: '请输入间隔框宽度2',
        intervalFrameWidthaThree: '请输入间隔框宽度3',
        intervalFrameWidthaFour:  '请输入间隔框宽度4',
        intervalFrameWidthbOne: '间隔框宽度1：',
        intervalFrameWidthbTwo: '间隔框宽度2：',
        intervalFrameWidthbThree: '间隔框宽度3：',
        intervalFrameWidthbFour:  '间隔框宽度4：',
        sealInsert: '密封嵌入',
        sealInsertb: '密封嵌入：',
        sealInserta: '请输入密封嵌入',

 UI-Project/src/views/Identify/identifwu.vue

@@ -14,7 +14,8 @@
               }">
            <div class="centered-text">
              <div style="font-size: 20px;font-weight: bold;">{{ rect.glassId }}</div>
              <div style="font-size: 20px;font-weight: bold;">{{ rect.widtha }}*{{ rect.heighta }}</div>
              <div style="font-size: 20px;font-weight: bold;">{{ rect.flowCardId }}</div>
              <div style="font-size: 30px;font-weight: bold;">{{ rect.widtha }}*{{ rect.heighta }}</div>
            </div>
          </div>
        </div>

 UI-Project/src/views/Identify/identifwutwo.vue

@@ -14,7 +14,8 @@
               }">
            <div class="centered-text">
              <div style="font-size: 20px;font-weight: bold;">{{ rect.glassId }}</div>
              <div style="font-size: 20px;font-weight: bold;">{{ rect.widtha }}*{{ rect.heighta }}</div>
              <div style="font-size: 20px;font-weight: bold;">{{ rect.flowCardId }}</div>
              <div style="font-size: 30px;font-weight: bold;">{{ rect.widtha }}*{{ rect.heighta }}</div>
            </div>
          </div>
        </div>

 UI-Project/src/views/Identify/identify.vue

@@ -29,7 +29,8 @@
    >
     <div  class="centered-text">
    <div style="font-size: 20px;font-weight: bold;">{{ rect.glassId }}</div>
    <div style="font-size: 20px;font-weight: bold;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
    <div style="font-size: 20px;font-weight: bold;">{{ rect.flowCardId }}</div>
    <div style="font-size: 30px;font-weight: bold;">{{ rect.widtha }}*{{ rect.heighta }}</div>  
  </div>
  </div> 
   </div>

 UI-Project/src/views/hollow/hollowequipment.vue

@@ -28,33 +28,38 @@
        </el-button>
    <el-switch style="margin-top: 7px;margin-left: 10px;" v-model="ganghua" class="mb-2" :inactive-text="$t('hellow.schedulingswitch')" @change="handleChange" />
  </div>
      <div style="margin-bottom: -5px;margin-left: 5px;">
        <el-form>
          <el-row>
            <el-col :span="4">
    <div id="dotClass">
      <!-- <div style="margin-bottom: -5px;margin-left: 5px;"> -->
        <!-- <el-form> -->
          <!-- <el-row> -->
            <!-- <el-col :span="4">
              <div  style="font-size: 15px;">
                <el-form-item :label="$t('hellow.currenttask')" style="width: 14vw">
                  {{ temperingtotal }}
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="5">
            </el-col> -->
            <!-- <el-col :span="5">
              <div style="font-size: 15px;">
                <el-form-item :label="$t('hellow.claimednumber')" style="width: 14vw">
                  {{ glasstotal }}
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="4">
            </el-col> -->
            <!-- <el-col :span="4">
              <div style="font-size: 15px;">
                <el-form-item :label="$t('hellow.linenumber')" style="width: 14vw">
                  {{ fulltotals }}
                </el-form-item>
              </div>
            </el-col>
          </el-row>
        </el-form>
      </div>
            </el-col> -->
            <div style="margin-left: 70px;">{{ $t('hellow.freeone') }}</div>
        <i :style="{ marginTop: '2px', backgroundColor: freeone, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
        
          <!-- </el-row> -->
        <!-- </el-form> -->
      <!-- </div> -->
       </div>
      <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
        <el-table height="650" ref="table" :data="tableDataa"
                  :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }">
@@ -130,7 +135,7 @@
  </el-table>
</el-dialog>
<!-- 中空配方添加 -->
<el-dialog v-model="add" top="13vh" width="55%" :title="$t('hellow.hollowformula')" >
<el-dialog v-model="add" top="3vh" width="55%" :title="$t('hellow.hollowformula')" >
    <div style="margin-left: 50px;margin-top: 10px;margin-bottom: 10px;">
     <el-form  size="mini" label-width="150px">
      <el-form label-width="150px" label-position="right">
@@ -273,17 +278,116 @@
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameHeightb')" :required="true" style="width: 16vw;">
                <el-input :placeholder="$t('hellow.intervalFrameHeightb')" v-model="intervalFrameHeight" autocomplete="off" />
          <el-form-item :label="$t('hellow.intervalFrameHeightbOne')" :required="true" style="width: 16vw;">
                <el-input :placeholder="$t('hellow.intervalFrameHeightbOne')" v-model="intervalFrameHeightOne" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthb')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidtha')" v-model="intervalFrameWidth" autocomplete="off" />
          <el-form-item :label="$t('hellow.intervalFrameHeightbTwo')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameHeightbTwo')" v-model="intervalFrameHeightTwo" autocomplete="off" />
              </el-form-item>
            </div></div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameHeightbThree')" :required="true" style="width: 16vw;">
                <el-input :placeholder="$t('hellow.intervalFrameHeightbThree')" v-model="intervalFrameHeightThree" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameHeightbFour')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameHeightbFour')" v-model="intervalFrameHeightFour" autocomplete="off" />
              </el-form-item>
            </div></div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthbOne')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidthaOne')" v-model="intervalFrameWidthOne" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthbTwo')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidthaTwo')" v-model="intervalFrameWidthTwo" autocomplete="off" />
              </el-form-item>
            </div></div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthbThree')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidthaThree')" v-model="intervalFrameWidthThree" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthbFour')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidthaFour')" v-model="intervalFrameWidthFour" autocomplete="off" />
              </el-form-item>
            </div></div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTypedOne')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameTypeTwo" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypecOne')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTypedTwo')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameTypeTwo" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypecTwo')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item>
            </div>
              </div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTypedThree')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameTypeThree" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypecThree')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTypedFour')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameTypeFour" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypecFour')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item>
            </div>
              </div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
@@ -293,18 +397,6 @@
              <el-form-item :label="$t('hellow.sealInsertb')" :required="true" style="width: 16vw;">
                <el-input :placeholder="$t('hellow.sealInserta')" v-model="sealInsert" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTyped')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameType" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypec')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item>
            </div>
              </div>
          </el-col>
        </el-row>
        </el-form>
@@ -320,7 +412,7 @@
    </template>
  </el-dialog>
<!-- 中空配方修改 -->
<el-dialog v-model="adda" top="13vh" width="55%" :title="$t('hellow.edithollowformula')" >
<el-dialog v-model="adda" top="3vh" width="55%" :title="$t('hellow.edithollowformula')" >
    <div style="margin-left: 50px;margin-top: 10px;margin-bottom: 10px;">
     <el-form  size="mini" label-width="150px">
      <el-form label-width="150px" label-position="right">
@@ -463,17 +555,116 @@
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameHeightb')" :required="true" style="width: 16vw;">
                <el-input :placeholder="$t('hellow.intervalFrameHeightb')" v-model="intervalFrameHeight" autocomplete="off" />
          <el-form-item :label="$t('hellow.intervalFrameHeightbOne')" :required="true" style="width: 16vw;">
                <el-input :placeholder="$t('hellow.intervalFrameHeightbOne')" v-model="intervalFrameHeightOne" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthb')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidtha')" v-model="intervalFrameWidth" autocomplete="off" />
          <el-form-item :label="$t('hellow.intervalFrameHeightbTwo')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameHeightbTwo')" v-model="intervalFrameHeightTwo" autocomplete="off" />
              </el-form-item>
            </div></div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameHeightbThree')" :required="true" style="width: 16vw;">
                <el-input :placeholder="$t('hellow.intervalFrameHeightbThree')" v-model="intervalFrameHeightThree" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameHeightbFour')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameHeightbFour')" v-model="intervalFrameHeightFour" autocomplete="off" />
              </el-form-item>
            </div></div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthbOne')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidthaOne')" v-model="intervalFrameWidthOne" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthbTwo')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidthaTwo')" v-model="intervalFrameWidthTwo" autocomplete="off" />
              </el-form-item>
            </div></div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthbThree')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidthaThree')" v-model="intervalFrameWidthThree" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameWidthbFour')" :required="true" style="width: 16vw;">
            <el-input :placeholder="$t('hellow.intervalFrameWidthaFour')" v-model="intervalFrameWidthFour" autocomplete="off" />
              </el-form-item>
            </div></div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTypedOne')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameTypeTwo" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypecOne')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTypedTwo')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameTypeTwo" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypecTwo')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item>
            </div>
              </div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
          <el-col :span="6">
              <div id="dt" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTypedThree')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameTypeThree" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypecThree')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTypedFour')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameTypeFour" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypecFour')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item>
            </div>
              </div>
          </el-col>
        </el-row>
        <el-row style="margin-top: 10px;">
@@ -483,18 +674,6 @@
              <el-form-item :label="$t('hellow.sealInsertb')" :required="true" style="width: 16vw;">
                <el-input :placeholder="$t('hellow.sealInserta')" v-model="sealInsert" autocomplete="off" />
              </el-form-item></div></div>
          </el-col>
          <el-col :span="9">
            <div id="dta" style="font-size: 15px;">
        <div>
          <el-form-item :label="$t('hellow.intervalFrameTyped')" :required="true" style="width: 16vw;">
            <el-select v-model="intervalFrameType" clearable  style="width: 220px" :placeholder="$t('hellow.intervalFrameTypec')">
        <el-option :label="$t('hellow.intervalFrameTypeb')" value="1"></el-option>
        <el-option :label="$t('hellow.intervalFrameTypea')" value="5"></el-option>
      </el-select>
              </el-form-item>
            </div>
              </div>
          </el-col>
        </el-row>
        </el-form>
@@ -765,15 +944,42 @@
        <el-table-column prop="frameTwo" align="center" :label="$t('hellow.frameTwo')"/>
        <el-table-column prop="frameThree" align="center" :label="$t('hellow.frameThree')"/>
        <el-table-column prop="frameFour" align="center" :label="$t('hellow.frameFour')"/>
        <el-table-column prop="intervalFrameHeight" align="center" :label="$t('hellow.intervalFrameHeight')" min-width="95"/>
        <el-table-column prop="intervalFrameType" align="center" :label="$t('hellow.intervalFrameType')" min-width="95">
        <el-table-column prop="intervalFrameHeightOne" align="center" :label="$t('hellow.intervalFrameHeightOne')" min-width="110"/>
        <el-table-column prop="intervalFrameHeightTwo" align="center" :label="$t('hellow.intervalFrameHeightTwo')" min-width="110"/>
        <el-table-column prop="intervalFrameHeightThree" align="center" :label="$t('hellow.intervalFrameHeightThree')" min-width="110"/>
        <el-table-column prop="intervalFrameHeightFour" align="center" :label="$t('hellow.intervalFrameHeightFour')" min-width="110"/>
        <el-table-column prop="intervalFrameTypeOne" align="center" :label="$t('hellow.intervalFrameTypeOne')" min-width="110">
          <template #default="scope">  
         <el-tag :type="getStatusType(scope.row.intervalFrameType)">  
          {{ getStatusText(scope.row.intervalFrameType) }}  
         <el-tag :type="getStatusType(scope.row.intervalFrameTypeOne)">  
          {{ getStatusText(scope.row.intervalFrameTypeOne) }}  
        </el-tag>  
      </template>
        </el-table-column>
        <el-table-column prop="intervalFrameWidth" align="center" :label="$t('hellow.intervalFrameWidth')" min-width="95"/>
        <el-table-column prop="intervalFrameTypeTwo" align="center" :label="$t('hellow.intervalFrameTypeTwo')" min-width="110">
          <template #default="scope">  
         <el-tag :type="getStatusType(scope.row.intervalFrameTypeTwo)">  
          {{ getStatusText(scope.row.intervalFrameTypeTwo) }}  
        </el-tag>  
      </template>
        </el-table-column>
        <el-table-column prop="intervalFrameTypeThree" align="center" :label="$t('hellow.intervalFrameTypeThree')" min-width="110">
          <template #default="scope">  
         <el-tag :type="getStatusType(scope.row.intervalFrameTypeThree)">  
          {{ getStatusText(scope.row.intervalFrameTypeThree) }}  
        </el-tag>  
      </template>
        </el-table-column>
        <el-table-column prop="intervalFrameTypeFour" align="center" :label="$t('hellow.intervalFrameTypeFour')" min-width="110">
          <template #default="scope">  
         <el-tag :type="getStatusType(scope.row.intervalFrameTypeFour)">  
          {{ getStatusText(scope.row.intervalFrameTypeFour) }}  
        </el-tag>  
      </template>
        </el-table-column>
        <el-table-column prop="intervalFrameWidthOne" align="center" :label="$t('hellow.intervalFrameWidthOne')" min-width="110"/>
        <el-table-column prop="intervalFrameWidthTwo" align="center" :label="$t('hellow.intervalFrameWidthTwo')" min-width="110"/>
        <el-table-column prop="intervalFrameWidthThree" align="center" :label="$t('hellow.intervalFrameWidthThree')" min-width="110"/>
        <el-table-column prop="intervalFrameWidthFour" align="center" :label="$t('hellow.intervalFrameWidthFour')" min-width="110"/>
        <el-table-column prop="sealInsert" align="center" :label="$t('hellow.sealInsert')"/>
        <el-table-column prop="topRemove" align="center" :label="$t('hellow.topRemovep')" min-width="95"> </el-table-column>
        <el-table-column prop="bottomRemove" align="center" :label="$t('hellow.bottomRemovep')" min-width="95"> </el-table-column>
@@ -832,10 +1038,20 @@
const frameOne = ref('')
const frameThree = ref('')
const frameTwo = ref('')
const intervalFrameHeight = ref('')
const intervalFrameType = ref('')
const intervalFrameWidth = ref('')
const intervalFrameHeightOne = ref('')
const intervalFrameHeightTwo = ref('')
const intervalFrameHeightThree = ref('')
const intervalFrameHeightFour = ref('')
const intervalFrameTypeOne = ref('')
const intervalFrameTypeTwo = ref('')
const intervalFrameTypeThree = ref('')
const intervalFrameTypeFour = ref('')
const intervalFrameWidthOne = ref('')
const intervalFrameWidthTwo = ref('')
const intervalFrameWidthThree = ref('')
const intervalFrameWidthFour = ref('')
const sealInsert = ref('')
const freeone = ref('#911005');
const dialogFormVisiblea = ref(false)
const dialogFormVisibleb = ref(false)
const dialogFormVisiblec = ref(false)
@@ -879,10 +1095,13 @@
};
const handleMessage = (data) => {
  try {
      tableDataa.value = data[930][0];
      const allPageData = data;
    tableDataa.value = data[930][0];
    const allPageData = data;
    const currentPageKeyValue = currentPageKey.value;
    const currentPageData = allPageData[currentPageKeyValue];
    if (data.free0neReguestEntity != null) {
    freeone.value = data.freeone == 1 ? 'green' : '#911005';
  }
    // if (currentPageData && Array.isArray(currentPageData) && currentPageData.length > 0) {
    //   tableDataa.value = currentPageData[0];
    // } else {
@@ -944,9 +1163,18 @@
    frameOne.value = row.frameOne;
    frameThree.value = row.frameThree;
    frameTwo.value = row.frameTwo;
    intervalFrameHeight.value = row.intervalFrameHeight;
    intervalFrameType.value = removalinterval[row.intervalFrameType];
    intervalFrameWidth.value = row.intervalFrameWidth;
    intervalFrameHeightOne.value = row.intervalFrameHeightOne;
    intervalFrameHeightTwo.value = row.intervalFrameHeightTwo;
    intervalFrameHeightThree.value = row.intervalFrameHeightThree;
    intervalFrameHeightFour.value = row.intervalFrameHeightFour;
    intervalFrameTypeOne.value =  removalinterval[row.intervalFrameTypeOne];
    intervalFrameTypeTwo.value =  removalinterval[row.intervalFrameTypeTwo];
    intervalFrameTypeThree.value = removalinterval[row.intervalFrameTypeThree];
    intervalFrameTypeFour.value = removalinterval[row.intervalFrameTypeFour];
    intervalFrameWidthOne.value = row.intervalFrameWidthOne;
    intervalFrameWidthTwo.value = row.intervalFrameWidthTwo;
    intervalFrameWidthThree.value = row.intervalFrameWidthThree;
    intervalFrameWidthFour.value = row.intervalFrameWidthFour;
    sealInsert.value = row.sealInsert;
    adda.value = true;
} 
@@ -965,9 +1193,18 @@
    frameOne.value = '';
    frameThree.value = '';
    frameTwo.value = '';
    intervalFrameHeight.value = '';
    intervalFrameType.value = '';
    intervalFrameWidth.value = '';
    intervalFrameHeightOne.value = '';
    intervalFrameHeightTwo.value = '';
    intervalFrameHeightThree.value = '';
    intervalFrameHeightFour.value = '';
    intervalFrameTypeOne.value = '';
    intervalFrameTypeTwo.value = '';
    intervalFrameTypeThree.value = '';
    intervalFrameTypeFour.value = '';
    intervalFrameWidthOne.value = '';
    intervalFrameWidthTwo.value = '';
    intervalFrameWidthThree.value = '';
    intervalFrameWidthFour.value = '';
    sealInsert.value = '';
    add.value = true;
}
@@ -1099,9 +1336,18 @@
      frameOne: frameOne.value,
      frameThree: frameThree.value,
      frameTwo: frameTwo.value,
      intervalFrameHeight: intervalFrameHeight.value,
      intervalFrameType: intervalFrameType.value,
      intervalFrameWidth: intervalFrameWidth.value,
      intervalFrameHeightOne: intervalFrameHeightOne.value,
      intervalFrameHeightTwo: intervalFrameHeightTwo.value,
      intervalFrameHeightThree: intervalFrameHeightThree.value,
      intervalFrameHeightFour: intervalFrameHeightFour.value,
      intervalFrameTypeOne: intervalFrameTypeOne.value,
      intervalFrameTypeTwo: intervalFrameTypeTwo.value,
      intervalFrameTypeThree: intervalFrameTypeThree.value,
      intervalFrameTypeFour: intervalFrameTypeFour.value,
      intervalFrameWidthOne: intervalFrameWidthOne.value,
      intervalFrameWidthTwo: intervalFrameWidthTwo.value,
      intervalFrameWidthThree: intervalFrameWidthThree.value,
      intervalFrameWidthFour: intervalFrameWidthFour.value,
      sealInsert: sealInsert.value,
    });
    if (response.code == 200) {
@@ -1122,9 +1368,18 @@
      frameOne.value = '';
      frameThree.value = '';
      frameTwo.value = '';
      intervalFrameHeight.value = '';
      intervalFrameType.value = '';
      intervalFrameWidth.value = '';
      intervalFrameHeightOne.value = '';
      intervalFrameHeightTwo.value = '';
      intervalFrameHeightThree.value = '';
      intervalFrameHeightFour.value = '';
      intervalFrameTypeOne.value = '';
      intervalFrameTypeTwo.value = '';
      intervalFrameTypeThree.value = '';
      intervalFrameTypeFour.value = '';
      intervalFrameWidthOne.value = '';
      intervalFrameWidthTwo.value = '';
      intervalFrameWidthThree.value = '';
      intervalFrameWidthFour.value = '';
      sealInsert.value = '';
    } else {
      ElMessage.error('Failed to fetch data');
@@ -1164,9 +1419,18 @@
      frameOne: frameOne.value,
      frameThree: frameThree.value,
      frameTwo: frameTwo.value,
      intervalFrameHeight: intervalFrameHeight.value,
      intervalFrameType: removalintervala[intervalFrameType.value],
      intervalFrameWidth: intervalFrameWidth.value,
      intervalFrameHeightOne: intervalFrameHeightOne.value,
      intervalFrameHeightTwo: intervalFrameHeightTwo.value,
      intervalFrameHeightThree: intervalFrameHeightThree.value,
      intervalFrameHeightFour: intervalFrameHeightFour.value,
      intervalFrameTypeOne: removalintervala[intervalFrameTypeOne.value],
      intervalFrameTypeTwo: removalintervala[intervalFrameTypeTwo.value],
      intervalFrameTypeThree: removalintervala[intervalFrameTypeThree.value],
      intervalFrameTypeFour:  removalintervala[intervalFrameTypeFour.value],
      intervalFrameWidthOne: intervalFrameWidthOne.value,
      intervalFrameWidthTwo: intervalFrameWidthTwo.value,
      intervalFrameWidthThree: intervalFrameWidthThree.value,
      intervalFrameWidthFour: intervalFrameWidthFour.value,
      sealInsert: sealInsert.value,
    });
    if (response.code == 200) {
@@ -1423,4 +1687,12 @@
#dialog-footer {
  text-align: center;
  margin-top: -15px;
}</style>
}
#dotClass {
  display: flex;
  margin-left: 20px; 
  size: 50px;
  margin-top: 20px;
  margin-bottom: 10px;
}
</style>

 UI-Project/src/views/hollow/hollowequipmenttwo.vue

@@ -28,33 +28,38 @@
        </el-button>
    <el-switch style="margin-top: 7px;margin-left: 10px;" v-model="ganghua" class="mb-2" :inactive-text="$t('hellow.schedulingswitch')" @change="handleChange" />
  </div>
      <div style="margin-bottom: -5px;margin-left: 5px;">
        <el-form>
          <el-row>
            <el-col :span="4">
     
    <div id="dotClass">
      <!-- <div style="margin-bottom: -5px;margin-left: 5px;"> -->
        <!-- <el-form> -->
          <!-- <el-row> -->
            <!-- <el-col :span="4">
              <div  style="font-size: 15px;">
                <el-form-item :label="$t('hellow.currenttask')" style="width: 14vw">
                  {{ temperingtotal }}
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="5">
            </el-col> -->
            <!-- <el-col :span="5">
              <div style="font-size: 15px;">
                <el-form-item :label="$t('hellow.claimednumber')" style="width: 14vw">
                  {{ glasstotal }}
                </el-form-item>
              </div>
            </el-col>
            <el-col :span="4">
            </el-col> -->
            <!-- <el-col :span="4">
              <div style="font-size: 15px;">
                <el-form-item :label="$t('hellow.linenumber')" style="width: 14vw">
                  {{ fulltotals }}
                </el-form-item>
              </div>
            </el-col>
          </el-row>
        </el-form>
      </div>
            </el-col> -->
            <div style="margin-left: 70px;">{{ $t('hellow.freetwo') }}</div>
        <i :style="{ marginTop: '2px', backgroundColor: freetwo, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
          <!-- </el-row> -->
        <!-- </el-form> -->
      <!-- </div> -->
       </div>
      <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
        <el-table height="650" ref="table" :data="tableDataa"
                  :header-cell-style="{ background: '#F2F3F5', color: '#1D2129' }">
@@ -539,6 +544,7 @@
const topRemove = ref('')
const filmsId = ref('')
const flowCardId = ref('')
const freetwo = ref('#911005');
const dialogFormVisiblea = ref(false)
const dialogFormVisibleb = ref(false)
const dialogFormVisiblec = ref(false)
@@ -582,10 +588,13 @@
};
const handleMessage = (data) => {
  try {
      tableDataa.value = data[931][0];
      const allPageData = data;
    tableDataa.value = data[931][0];
    const allPageData = data;
    const currentPageKeyValue = currentPageKey.value;
    const currentPageData = allPageData[currentPageKeyValue];
    if (data.freeTwoReqvestEntity != null) {
    freetwo.value = data.freetwo[0] == true ? 'green' : '#911005';
  }
    // if (currentPageData && Array.isArray(currentPageData) && currentPageData.length > 0) {
    //   tableDataa.value = currentPageData[0];
    // } else {
@@ -1033,4 +1042,12 @@
#dialog-footer {
  text-align: center;
  margin-top: -15px;
}</style>
}
#dotClass {
  display: flex;
  margin-left: 20px; 
  size: 50px;
  margin-top: 20px;
  margin-bottom: 10px;
}
</style>

 UI-Project/src/views/hollow/hollowslicecage.vue

@@ -18,6 +18,8 @@
const mesReplyEntity = ref('#911005');
const outInkageEntity = ref('#911005');
const outRequestEntity = ref('#911005');
const freeone = ref('#911005');
const freetwo = ref('#911005');
const tableDataa = ref([])
const tableDatab = ref([])
const tableDatac = ref([])
@@ -307,8 +309,14 @@
  if (data.outInkageEntity != null) {
    outInkageEntity.value = data.outInkageEntity[0] == true ? 'green' : '#911005';
  }
  if (data.freeTwoReqvestEntity != null) {
    freetwo.value = data.freetwo[0] == true ? 'green' : '#911005';
  }
  if (data.outRequestEntity != null) {
    outRequestEntity.value = data.outRequestEntity == 1 ? 'green' : '#911005';
  }
  if (data.free0neReguestEntity != null) {
    freeone.value = data.freeone == 1 ? 'green' : '#911005';
  }
  if(data.bigStorageCageDetailsOutTask!=null){
    tableDatac.value = data.bigStorageCageDetailsOutTask[0]
@@ -426,6 +434,10 @@
        <i :style="{ marginTop: '2px', backgroundColor: outInkageEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
        <div style="margin-left: 70px;">{{ $t('searchOrder.outRequestEntity') }}</div>
        <i :style="{ marginTop: '2px', backgroundColor: outRequestEntity, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
        <div style="margin-left: 70px;">{{ $t('hellow.freeone') }}</div>
        <i :style="{ marginTop: '2px', backgroundColor: freeone, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
        <div style="margin-left: 70px;">{{ $t('hellow.freetwo') }}</div>
        <i :style="{ marginTop: '2px', backgroundColor: freetwo, width: '18px', height: '18px', borderRadius: '50%', display: 'block' }"></i>
  </div>
    <div class="table-container">
    <el-card style="flex: 1;margin-left: 10px;margin-top: 10px;" v-loading="loading">