| | |
| | | $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> |
| | |
| | | <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) }} |
| | |
| | | <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> |
| | |
| | | <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" /> |
| | |
| | | <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> |
| | |
| | | <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;"> |
| | |
| | | <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> |
| | |
| | | <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;"> |
| | |
| | | <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> |
| | |
| | | <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> |
| | |
| | | <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;"> |
| | |
| | | <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> |
| | |
| | | </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; |
| | |
| | | overflow: hidden; |
| | | position: relative |
| | | } |
| | | |
| | | .img-car1 { |
| | | display: flex; |
| | | background-image: url('../../assets/C1.png'); |
| | |
| | | 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; |