更改仓储界面项目图色块修改

huang

2025-06-13 0724449311ac783d752e0a3b0e6529e398bca639

更改仓储界面项目图色块修改

 UI-Project/src/views/GlassStorage/rawfilmstorage2.vue

@@ -56,7 +56,6 @@
const card35 = ref(false)
const card36 = ref(false)
const card37 = ref(false)
const card38 = ref(false)

const card40 = ref(false)
const card41 = ref(false)
@@ -69,6 +68,7 @@
const card48 = ref(false)
const card49 = ref(false)

const card38 = ref(false)
const card101 = ref(false)

const timeRange = ref([])
@@ -88,13 +88,9 @@
const value = ref('')
const options = [
  {
    value: 98,
    value: 101,
    label: t('film.warehousing1'),
  },
  {
    value: 99,
    label: t('film.warehousing2'),
  }
]
const report = ref({
  taskType: '',
@@ -242,40 +238,42 @@
    if (data.rawStationDetailsList[0][34].patternThickness != null) {
      card37.value = true
    }


    if (data.rawStationDetailsList[0][35].patternThickness != null) {
      card38.value = true
    }


    if (data.rawStationDetailsList[0][36].patternThickness != null) {
      card40.value = true
    }
    if (data.rawStationDetailsList[0][37].patternThickness != null) {
    if (data.rawStationDetailsList[0][36].patternThickness != null) {
      card41.value = true
    }
    if (data.rawStationDetailsList[0][38].patternThickness != null) {
    if (data.rawStationDetailsList[0][37].patternThickness != null) {
      card42.value = true
    }
    if (data.rawStationDetailsList[0][39].patternThickness != null) {
    if (data.rawStationDetailsList[0][38].patternThickness != null) {
      card43.value = true
    }
    if (data.rawStationDetailsList[0][40].patternThickness != null) {
    if (data.rawStationDetailsList[0][39].patternThickness != null) {
      card44.value = true
    }
    if (data.rawStationDetailsList[0][41].patternThickness != null) {
    if (data.rawStationDetailsList[0][40].patternThickness != null) {
      card45.value = true
    }
    if (data.rawStationDetailsList[0][42].patternThickness != null) {
    if (data.rawStationDetailsList[0][41].patternThickness != null) {
      card46.value = true
    }
    if (data.rawStationDetailsList[0][43].patternThickness != null) {
    if (data.rawStationDetailsList[0][42].patternThickness != null) {
      card47.value = true
    }
    if (data.rawStationDetailsList[0][44].patternThickness != null) {
    if (data.rawStationDetailsList[0][43].patternThickness != null) {
      card48.value = true
    }
    if (data.rawStationDetailsList[0][45].patternThickness != null) {
    if (data.rawStationDetailsList[0][44].patternThickness != null) {
      card49.value = true
    }

        
    if (data.rawStationDetailsList[0][45].patternThickness != null) {
      card38.value = true
    }

    if (data.rawStationDetailsList[0][46].patternThickness != null) {
@@ -728,7 +726,7 @@
        <div class="card25" v-show="card25" style="z-index:999;"></div>
        <div class="card26" v-show="card26" style="z-index:999;"></div>
        <div class="card27" v-show="card27" style="z-index:999;"></div>
        <div class="card28" v-show="card28" style="z-index:999;"></div>
        <div class="card28" v-show="card28" style="z-index:999;position:absolute;"></div>
      </div>
      <div class="glasscard2">
        <div class="card31" v-show="card31" style="z-index:999;"></div>
@@ -871,8 +869,7 @@
      <div style="margin-left: 50px;margin-bottom: 10px;">
        <el-form-item :label="$t('film.position')" :required="true">
          <el-select v-model="leftingStation" clearable :placeholder="$t('film.cposition')" style="margin-left: 20px;">
            <el-option :label="$t('film.position1')" value="98"></el-option>
            <el-option :label="$t('film.position2')" value="99"></el-option>
            <el-option :label="$t('film.position1')" value="101"></el-option>
          </el-select>
        </el-form-item>
      </div>
@@ -889,8 +886,7 @@
      <div style="margin-left: 50px;margin-bottom: 10px;">
        <el-form-item :label="$t('film.position')" :required="true">
          <el-select v-model="leftingStation" clearable :placeholder="$t('film.cposition')" style="margin-left: 20px;">
            <el-option :label="$t('film.position1')" value="98"></el-option>
            <el-option :label="$t('film.position2')" value="99"></el-option>
            <el-option :label="$t('film.position1')" value="101"></el-option>
          </el-select>
        </el-form-item>
      </div>
@@ -1002,15 +998,15 @@
}

.img-dlpl {
  margin-left: 360px;
  margin-left: 38px;
  margin-top: 15px;
  background-image: url('../../assets/cangchu2.png');
  background-repeat: no-repeat;
  background-attachment: local;
  min-height: 800px;
  width: 800px;
  width: 1070px;
  max-width: 100%;
  background-size: 1020px 590px;
  background-size: 1500px 810px;
  overflow: hidden;
  position: relative;
}
@@ -1021,251 +1017,320 @@
  position: absolute;
  background-repeat: no-repeat;
  background-attachment: local;
  min-height: 200px;
  min-height: 242px;
  width: 240px;
  max-width: 100%;
  background-size: 270px 250px;
  background-size: 270px 327px;
  overflow: hidden;
  position: relative;
  margin-left: 527px;
  margin-top: 6px
  margin-left: 866px;
  margin-top: 107px
}

.glasscard1 {
  height: 200px;
  display: flex;
  gap: 5px;
  margin-top: 445px;
  margin-left: 335px;
  height: 118px;
  position: relative;
  margin-top: 625px;
  margin-left: 493px;
}

.card1 {
  width: 8px;
  height: 95px;
  background-color: #911005
  background-color: #911005;
  position: absolute;
  left: 0;
}

.card2 {
  width: 8px;
  height: 95px;
  background-color: #911005
  background-color: #911005;
  position: absolute;
  left: 19px;
}

.card3 {
  width: 8px;
  height: 95px;
  background-color: #911005
  background-color: #911005;
  position: absolute;
  left: 38px;
}

.card4 {
  width: 8px;
  height: 95px;
  background-color: #911005
  background-color: #911005;
  position: absolute;
  left: 57px;
}

.card5 {
  width: 8px;
  height: 95px;
  background-color: #911005
  background-color: #911005;
  position: absolute;
  left: 76px;
}

.card6 {
  width: 8px;
  height: 95px;
  background-color: #911005
  background-color: #911005;
  position: absolute;
  left: 95px;
}

.card7 {
  width: 8px;
  height: 95px;
  background-color: #911005
  background-color: #911005;
  position: absolute;
  left: 114px;
}

.card8 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 133px;
}

.card9 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 152px;
}

.card10 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 171px;
}

.card11 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 190px;
}

.card12 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 209px;
}

.card13 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 228px;
}

.card14 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 247px;
}

.card15 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 266px;
}

.card16 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 285px;
}

.card17 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 304px;
}

.card18 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 323px;
}

.card19 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 342px;
}

.card20 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 361px;
}

.card21 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 380px;
}

.card22 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 399px;
}

.card23 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 418px;
}

.card24 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 437px;
}

.card25 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 456px;
}

.card26 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 475px;
}

.card27 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 494px;
}

.card28 {
  width: 8px;
  height: 95px;
  background-color: #911005;
  position: absolute;
  left: 513px;
}

.glasscard2 {
  display: flex;
  gap: 5px;
  position: relative;
  margin-top: -420px;
  margin-left: 335px;
  margin-left: 495px;
}

.card31 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 0;
}

.card32 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 19px;
}

.card33 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 38px;
}

.card34 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 57px;
}

.card35 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 76px;
}

.card36 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 95px;
}

.card37 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 114px;
}

.card38 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 136px;
}

.glasscard3 {
  display: flex;
  gap: 5px;
  margin-left: 550px;
  position: relative;
  margin-left: 806px;
  margin-top: -90px;
}

@@ -1273,67 +1338,87 @@
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 0;
}

.card41 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 19px;
}

.card42 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 38px;
}

.card43 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 57px;
}

.card44 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 76px;
}

.card45 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 95px;
}

.card46 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 114px;
}

.card47 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 133px;
}

.card48 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 152px;
}

.card49 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  position: absolute;
  left: 171px;
}

.card101 {
  width: 8px;
  height: 90px;
  background-color: #911005;
  margin-top: -90px;
  margin-left: 695px;
  position: absolute;
  left: 1023px;
}
</style>