From e875c70fea51ffafd689fd0d5f8b51bd3df40de0 Mon Sep 17 00:00:00 2001
From: wangfei <3597712270@qq.com>
Date: 星期二, 07 一月 2025 15:26:13 +0800
Subject: [PATCH] 中空模块新增空闲状态,中空配方新增字段,掰片模块调整文字样式

---
 UI-Project/src/views/hollow/hollowequipment.vue |  416 +++++++++++++++++++++++++++++++++++++++++++++++++----------
 1 files changed, 344 insertions(+), 72 deletions(-)

diff --git a/UI-Project/src/views/hollow/hollowequipment.vue b/UI-Project/src/views/hollow/hollowequipment.vue
index 6546cf7..7c00a6f 100644
--- a/UI-Project/src/views/hollow/hollowequipment.vue
+++ b/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>
\ No newline at end of file
+}
+#dotClass {
+  display: flex;
+  margin-left: 20px; 
+  size: 50px;
+  margin-top: 20px;
+  margin-bottom: 10px;
+}
+</style>
\ No newline at end of file

--
Gitblit v1.8.0