代码提交

huangxiaoqiang

2025-07-28 b31d961a3f0bcd2e555ea12b76c30c453826deba

 ÏîÄ¿´úÂë/WCS/WIDESEAWCS_Client/src/views/LineInfocopy.vue

@@ -1,80 +1,10 @@
<template>
   <div :class="update()" :style="{ left: left, top: top, }" @click="mouseClick"
      v-loading.fullscreen.lock="fullscreenLoading" style="">
      <div :class="update()" :style="{ left: left, top: top, marginBottom:0+'px',marginTop:15+'px'} ">
         <img v-if="imgType === '2'" src="../../public/lines.png" />
      <img v-if="imgType === '1'" src="../../public/lines2.png" />
      <label v-if="equipNo" class="equip-no">{{ equipNo }}</label>
   </div>

   <!-- <el-dialog v-model="dialogVisible" title="信息查看" :before-close="handleClose">
      <el-form ref="$form" :model="lineItemInfo" label-position="left" label-width="100px" size="medium">
         <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
            <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
               <el-form-item label="设备编号：">
                  <j-el-description :value="equipNo" type="primary" ellipsis></j-el-description>
               </el-form-item>
            </el-col>
            <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
               <el-form-item label="是否有盘:">
                  <j-el-description :value="lineItemInfo.r_Line_HasPallet" type="primary"
                     ellipsis></j-el-description>
               </el-form-item>
            </el-col>
         </el-row>
          <el-row :gutter="20" type="flex" justify="start" align="top" tag="div">
            <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
               <el-form-item label="托盘条码:">
                  <j-el-description :value="lineItemInfo.r_Line_Barcode" type="primary"
                     ellipsis></j-el-description>
               </el-form-item>
            </el-col>
            <el-col :span="12" :offset="0" :push="0" :pull="0" tag="div">
               <el-form-item label="报警代码：">
                  <j-el-description :value="lineItemInfo.r_Line_ErrorCode" type="primary"
                     ellipsis></j-el-description>
               </el-form-item>
            </el-col>
         </el-row> -->
      <!-- </el-form>
      <template #footer>
         <div class="dialog-footer">
            <el-button @click="dialogVisible = false">取消</el-button>
            <el-button type="primary" @click="dialogVisible = false">
               ç¡®è®¤
            </el-button>
         </div>
      </template>
   </el-dialog> --> 
   <!-- <el-dialog v-model="dialogVisible" title="信息查看" :before-close="handleClose">
      <el-row>
         <el-col :span="12">是否有盘:</el-col>
         <el-col :span="12">{{ lineItemInfo.r_Line_HasPallet }}</el-col>
      </el-row>
      <el-row>
         <el-col :span="12">托盘条码</el-col>
         <el-col :span="12">{{ lineItemInfo.r_Line_Barcode }}</el-col>
      </el-row>
      <el-row>
         <el-col :span="12">目标位置</el-col>
         <el-col :span="12">{{ lineItemInfo.r_Line_Target }}</el-col>
      </el-row>
      <el-row>
         <el-col :span="12">任务号</el-col>
         <el-col :span="12">{{ lineItemInfo.r_Line_TaskNum }}</el-col>
      </el-row>
      <el-row>
         <el-col :span="12">报警代码</el-col>
         <el-col :span="12">{{ lineItemInfo.r_Line_ErrorCode }}</el-col>
      </el-row>
      <template #footer>
         <div class="dialog-footer">
            <el-button @click="dialogVisible = false">取消</el-button>
            <el-button type="primary" @click="dialogVisible = false">
               ç¡®è®¤
            </el-button>
         </div>
      </template>
   </el-dialog> -->
</template>

<script>
@@ -116,8 +46,8 @@
   },
   data() {
      return {
         left: "20px",
         top: "260px",
         left: "500px",
         top: "400px",
         dialogVisible: false,
         lineItemInfo: {
            r_Line_Barcode: "",
@@ -157,9 +87,16 @@
         this.fullscreenLoading = false;
         // this.dialogVisible = false;
      },
		
      update(){
          return !this.condition ? 'custom-img' : 'custom-img-color'
      }
      },
      startTimer() {
         // å¼€å¯å®šæ—¶å™¨ï¼Œæ¯3秒执行一次
         this.timer1 = setInterval(() => {
            update();
         }, 500);
      },
   },
});
</script>
@@ -173,21 +110,21 @@
.custom-img-color {
   position: relative;
   display: inline-block;
   background-color:  #409eff ;
   background-color:  #05fa7f ;
   color: white;
   text-align: center;
}

.custom-img-color::before {
/* .custom-img-color::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #409eff;
  border-radius: 50%;  /* åˆ›å»ºä¸€ä¸ªåœ†å½¢çš„镂空效果 */
}
  background-color: #05fa7f;
  border-radius: 50%;  
} */

.custom-img img {
   width: 40px;