huang
2025-10-22 78d73df2f8e0c6855d65eb1f2c6df08e0f99bab1
UI-Project/src/views/GlassStorage/rawfilmstorage.vue
@@ -572,9 +572,12 @@
        $t('searchOrder.historicaltasks')
      }}
      </el-button>
      <el-date-picker style="margin-left: 10px;" v-model="timeRange" type="datetimerange" format="YYYY/MM/DD HH:mm:ss"
        value-format="YYYY-MM-DD HH:mm:ss" :start-placeholder="$t('film.starttime')"
        :end-placeholder="$t('film.endtime')" :default-time="defaultTime" />
      <el-date-picker style="margin-left: 10px;" v-model="timeRange" type="datetimerange"
        format="YYYY/MM/DD HH:mm:ss"
        value-format="YYYY-MM-DD HH:mm:ss"
        :start-placeholder="$t('film.starttime')"
        :end-placeholder="$t('film.endtime')"
        :default-time="defaultTime" />
      <el-select v-model="selectValuesa[0]" clearable :placeholder="$t('film.taskstatus')" style="margin-left: 10px;">
        <el-option :label="$t('film.built')" value="0"></el-option>
        <el-option :label="$t('film.finish')" value="1"></el-option>
@@ -587,25 +590,32 @@
        <el-option :label="$t('sorter.advancerequests')" value="4"></el-option>
        <el-option :label="$t('sorter.releaserequest')" value="5"></el-option>
      </el-select>
      <el-button type="primary" style="margin-left: 10px;" @click="selectReportData()">{{ $t('film.inquire')
        }}</el-button>
    <el-button type="primary" style="margin-left: 10px;" @click="selectReportData()">{{ $t('film.inquire') }}</el-button>
    </div>
    <el-card style="flex: 1;margin-left: 10px;margin-top: 20px;">
      <div style="width: 98%; height: calc(100% - 35px); overflow-y: auto;">
        <el-table height="300" ref="table" :data="tableDataa"
          :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
        <el-table height="300" ref="table"
        :data="tableDataa" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
          <el-table-column prop="id" align="center" :label="$t('film.enableid')" />
          <el-table-column prop="startSlot" align="center" :label="$t('film.originateslot')" />
          <el-table-column prop="endSlot" align="center" :label="$t('film.endoriginateslot')" />
          <el-table-column prop="patternQuantity" align="center" :label="$t('film.patternquantity')" />
          <el-table-column width="100" align="center" :label="$t('film.enabletype')" prop="taskType">
          <el-table-column width="100"
          align="center"
          :label="$t('film.enabletype')"
          prop="taskType"
        >
            <template #default="scope">
              <el-tag :type="getStatusType1(scope.row.taskType)">
                {{ getStatusText1(scope.row.taskType) }}
              </el-tag>
            </template>
          </el-table-column>
          <el-table-column align="center" :label="$t('film.taskstatus')" prop="taskState">
        <el-table-column
          align="center"
          :label="$t('film.taskstatus')"
          prop="taskState"
        >
            <template #default="scope">
              <el-tag :type="getStatusType2(scope.row.taskState)">
                {{ getStatusText2(scope.row.taskState) }}
@@ -615,10 +625,8 @@
          <el-table-column prop="createTime" align="center" :label="$t('film.createtime')" />
          <el-table-column fixed="right" :label="$t('film.operate')" align="center">
            <template #default="scope">
              <el-button :disabled="(scope.row.taskState !== 0)" type="text" plain @click="successfull(scope.row)">{{
                $t('searchOrder.successfullyprocessed') }}</el-button>
              <el-button :disabled="(scope.row.taskState !== 0)" type="text" plain @click="handleptask(scope.row)">{{
                $t('searchOrder.taskfailure') }}</el-button>
          <el-button :disabled="(scope.row.taskState !== 0)" type="text" plain @click="successfull(scope.row)">{{ $t('searchOrder.successfullyprocessed') }}</el-button>
          <el-button :disabled="(scope.row.taskState !== 0)" type="text" plain @click="handleptask(scope.row)">{{ $t('searchOrder.taskfailure') }}</el-button>
            </template>
          </el-table-column>
        </el-table>
@@ -660,8 +668,8 @@
      <div class="card104" v-show="card104" style="z-index:999;top:109px;left:70px;position:absolute;"></div>
    </div>
    <el-dialog v-model="dialogFormVisiblea" top="5vh" width="85%">
      <el-table ref="table" style="margin-top: 20px;height: 700px;" :data="tableDatab"
        :header-cell-style="{ background: '#F2F3F5 ', color: '#1D2129' }">
    <el-table  ref="table" style="margin-top: 20px;height: 700px;"
        :data="tableDatab" :header-cell-style="{background:'#F2F3F5 ',color:'#1D2129'}">
        <el-table-column prop="deviceId" fixed align="center" :label="$t('film.station')" min-width="80" />
        <el-table-column prop="slot" fixed align="center" :label="$t('film.slot')" min-width="80" />
        <el-table-column prop="patternWidth" align="center" :label="$t('film.width')" min-width="80" />
@@ -669,9 +677,17 @@
        <el-table-column prop="patternThickness" align="center" :label="$t('film.thickness')" min-width="80" />
        <el-table-column prop="filmsId" align="center" :label="$t('film.films')" min-width="80" />
        <el-table-column prop="remainQuantity" align="center" :label="$t('film.remainquantity')" min-width="120" />
        <el-table-column align="center" :label="$t('film.enablestate')" min-width="80" prop="state">
          <el-table-column
          align="center"
            :label="$t('film.enablestate')"
            min-width="80"
            prop="state"
          >
          <template #default="scope">
            <el-tag :type="scope.row.state == 1 ? 'success' : 'danger'" @click="toggleEnableState(scope.row)">
          <el-tag
            :type="scope.row.state == 1 ? 'success' : 'danger'"
            @click="toggleEnableState(scope.row)"
            >
              {{ scope.row.state == 1 ? $t('film.start') : $t('film.disable') }}
            </el-tag>
          </template>
@@ -679,18 +695,22 @@
        <el-table-column fixed="right" :label="$t('film.operate')" align="center" width="270">
          <template #default="scope">
            <el-button type="text" plain @click="handleEdit(scope.row)">{{ $t('film.exit') }}</el-button>
            <el-button :disabled="!scope.row.remainQuantity" type="text" plain @click="deleteWarehousing(scope.row)">{{
              $t('film.delete') }}</el-button>
            <el-button :disabled="!scope.row.remainQuantity || scope.row.remainQuantity === 0" type="text" plain
              @click="openc(scope.row)">{{ $t('film.outbound') }}</el-button>
              <el-button :disabled="!scope.row.remainQuantity" type="text" plain @click="deleteWarehousing(scope.row)">{{ $t('film.delete') }}</el-button>
              <el-button :disabled="!scope.row.remainQuantity || scope.row.remainQuantity === 0" type="text" plain @click="openc(scope.row)">{{ $t('film.outbound') }}</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-dialog>
    <!-- 历史任务 -->
    <el-dialog v-model="blindb" top="5vh" width="95%" @close="iframeUrl = ''">
      <iframe :src="iframeUrl" marginwidth="2000px" marginheight="2000px" width="100%" height="750px"
        frameborder="0"></iframe>
     <iframe
     :src="iframeUrl"
     marginwidth="2000px"
     marginheight="2000px"
     width="100%"
     height="750px"
     frameborder="0"
     ></iframe>
    </el-dialog>
    <el-dialog v-model="dialogFormVisibleb" top="23vh" width="55%" :title="$t('film.addglass')">
      <div style="margin-left: -50px;margin-top: 10px;margin-bottom: 10px;">
@@ -703,16 +723,14 @@
                    <el-form-item :label="$t('film.widtha')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.inwidth')" v-model="patternWidth" autocomplete="off" />
                    </el-form-item>
                  </div>
                </div>
              </div></div>
              </el-col>
              <el-col :span="9">
                <div id="dta" style="font-size: 15px;">
                  <div>
                    <el-form-item :label="$t('film.heighta')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.inheight')" v-model="patternHeight" autocomplete="off" />
                    </el-form-item>
                  </div>
              </el-form-item></div>
                </div>
              </el-col>
            </el-row>
@@ -722,18 +740,14 @@
                  <div>
                    <el-form-item :label="$t('film.thicknessa')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.inthickness')" v-model="patternThickness" autocomplete="off" />
                    </el-form-item>
                  </div>
                </div>
              </el-form-item></div></div>
              </el-col>
              <el-col :span="9">
                <div id="dta" style="font-size: 15px;">
                  <div>
                    <el-form-item :label="$t('film.filmsa')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.infilms')" v-model="filmsId" autocomplete="off" />
                    </el-form-item>
                  </div>
                </div>
              </el-form-item></div></div>
              </el-col>
            </el-row>
            <el-row style="margin-top: 10px;">
@@ -742,20 +756,24 @@
                  <div>
                    <el-form-item :label="$t('film.quantitya')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.inquantity')" v-model="remainQuantity" autocomplete="off" />
                    </el-form-item>
                  </div>
                </div>
              </el-form-item></div></div>
              </el-col>
              <el-col :span="9">
                <div id="dta" style="font-size: 15px;">
                  <div>
                    <el-form-item :label="$t('film.inwarehousing')" :required="true" style="width: 17vw">
                      <el-select :placeholder="$t('film.selectwarehousing')" style="width: 270px" v-model="slot">
                        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
            <el-select
            :placeholder="$t('film.selectwarehousing')"
             style="width: 270px"
             v-model="slot">
               <el-option
                v-for="item in options"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              />
                      </el-select>
                    </el-form-item>
                  </div>
                </div>
              </el-form-item></div></div>
              </el-col>
            </el-row>
          </el-form>
@@ -817,16 +835,14 @@
                    <el-form-item :label="$t('film.widtha')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.inwidth')" v-model="patternWidth" autocomplete="off" />
                    </el-form-item>
                  </div>
                </div>
              </div></div>
              </el-col>
              <el-col :span="9">
                <div id="dta" style="font-size: 15px;">
                  <div>
                    <el-form-item :label="$t('film.heighta')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.inheight')" v-model="patternHeight" autocomplete="off" />
                    </el-form-item>
                  </div>
              </el-form-item></div>
                </div>
              </el-col>
            </el-row>
@@ -836,18 +852,14 @@
                  <div>
                    <el-form-item :label="$t('film.thicknessa')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.inthickness')" v-model="patternThickness" autocomplete="off" />
                    </el-form-item>
                  </div>
                </div>
              </el-form-item></div></div>
              </el-col>
              <el-col :span="9">
                <div id="dta" style="font-size: 15px;">
                  <div>
                    <el-form-item :label="$t('film.filmsa')" :required="true" style="width: 17vw;">
                      <el-input :placeholder="$t('film.infilms')" v-model="filmsId" autocomplete="off" />
                    </el-form-item>
                  </div>
                </div>
              </el-form-item></div></div>
              </el-col>
            </el-row>
            <el-row style="margin-top: 10px;">
@@ -855,13 +867,11 @@
                <div id="dt" style="font-size: 15px;">
                  <div>
                    <el-form label-width="210px">
                      <el-form-item :label="$t('film.thickremainquantity')" :required="true"
                        style="width: 44.5vw;margin-left: -40px;">
          <el-form-item :label="$t('film.thickremainquantity')" :required="true" style="width: 44.5vw;margin-left: -40px;">
                        <el-input v-model="remainQuantity" autocomplete="off" :placeholder="$t('film.inquantity')" />
                      </el-form-item>
                    </el-form>
                  </div>
                </div>
            </div></div>
              </el-col>
            </el-row>
          </el-form>
@@ -879,31 +889,17 @@
  </div>
</template>
<style scoped>
#dt {
  display: block;
  float: left;
  line-height: 20px;
  margin-left: 100px;
}
#dta {
  display: block;
  float: left;
  line-height: 20px;
  margin-left: 80%;
}
#dt { display:block; float:left;line-height: 20px;margin-left: 100px;}
#dta { display:block; float:left;line-height: 20px;margin-left: 80%;}
.awatch {
  height: 400px;
  width: 1500px;
  max-width: 100%;
}
#dialog-footer {
  text-align: center;
  margin-top: -15px;
}
.img-dlpl {
  margin-left: 330px;
  margin-top: 10px;
@@ -917,7 +913,6 @@
  overflow: hidden;
  position: relative
}
.img-car1 {
  display: flex;
  background-image: url('../../assets/C1.png');
@@ -931,187 +926,156 @@
  overflow: hidden;
  position: relative
}
.card1 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card2 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card3 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card4 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card5 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card6 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card7 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card8 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card9 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card10 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card11 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card12 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card13 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card14 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card15 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card16 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card17 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card18 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card19 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card20 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card21 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card22 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card23 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card24 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card25 {
  width: 14px;
  height: 110px;
  background-color: #911005
}
.card101 {
  width: 10px;
  height: 110px;
  background-color: #911005
}
.card102 {
  width: 10px;
  height: 110px;
  background-color: #911005
}
.card103 {
  width: 10px;
  height: 110px;
  background-color: #911005
}
.card104 {
  width: 10px;
  height: 110px;
  background-color: #911005
}
.card98 {
  width: 25px;
  height: 110px;
  background-color: #911005
}
.card99 {
  width: 25px;
  height: 110px;