| | |
| | | <div id="app" style="display: flex;justify-content: center;flex-wrap: wrap;"> |
| | | <div style="width: 100%;"> |
| | | <el-table border ref="singleTable" :data="tableData" highlight-current-row @row-click="handleRowClick" |
| | | max-height="350" style="width: 100%"> |
| | | max-height="420" style="width: 100%"> |
| | | <el-table-column property="jarNo" label="硫化罐"> |
| | | </el-table-column> |
| | | <!-- <el-table-column property="workNo" label="工作号">--> |
| | |
| | | </el-table-column> |
| | | <el-table-column property="jarMode" label="模式"> |
| | | </el-table-column> |
| | | <el-table-column property="region" label="区域"> |
| | | <el-table-column property="jarTemperature$" label="温度"> |
| | | </el-table-column> |
| | | <el-table-column property="jarCode" label="代号"> |
| | | <el-table-column property="jarPressure$" label="压力"> |
| | | </el-table-column> |
| | | <el-table-column property="jarCount$" label="最大储量"> |
| | | </el-table-column> |
| | | <el-table-column property="jarErr" label="异常代码"> |
| | | </el-table-column> |
| | | <el-table-column label="操作"> |
| | | <el-button style="" type="primary" plain size="medium" @click="updateJarCount()">修改</el-button> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | |
| | | <div style="width: 100%;display: flex;justify-content: center;margin-top: 10px;"> |
| | | <div style="width: 55%;margin-right: 10px;"> |
| | | <el-card class="box-card"> |
| | | <div slot="header" class="clearfix"> |
| | | <div slot="header" class="clearfix" style="display: flex;justify-content: space-between;align-items: center"> |
| | | <span>硫化库位</span> |
| | | <el-button style="" type="primary" plain size="medium" @click="historicalTasks()">历史任务</el-button> |
| | | </div> |
| | | <div v-if="currentIndex == null"> |
| | | <el-empty description="请选择设备"></el-empty> |
| | |
| | | <el-table border :data="item" highlight-current-row max-height="350" style="width: 100%"> |
| | | <el-table-column property="jarId" label="硫化罐"> |
| | | </el-table-column> |
| | | <el-table-column property="wrkNo" label="工作号"> |
| | | <el-table-column property="jarWrkNo" label="工作号"> |
| | | </el-table-column> |
| | | <el-table-column property="jarMode" label="模式"> |
| | | <el-table-column property="status$" label="状态"> |
| | | </el-table-column> |
| | | <el-table-column property="region" label="区域"> |
| | | <el-table-column property="matnr" label="物料码"> |
| | | </el-table-column> |
| | | <el-table-column property="jarCode" label="代号"> |
| | | <el-table-column property="maktx" label="物料名称"> |
| | | </el-table-column> |
| | | <el-table-column property="jarErr" label="异常代码"> |
| | | <el-table-column property="weight" label="重量"> |
| | | </el-table-column> |
| | | </el-table> |
| | | </div> |
| | |
| | | </div> |
| | | <div v-else> |
| | | <el-descriptions :title="currentTitle" direction="vertical" :column="4" border> |
| | | <el-descriptions-item label="硫化罐">{{ tableData[currentIndex].jarNo }} |
| | | </el-descriptions-item> |
| | | <!-- <el-descriptions-item label="硫化罐">{{ tableData[currentIndex].jarNo }}--> |
| | | <!-- </el-descriptions-item>--> |
| | | <el-descriptions-item label="模式"> |
| | | <el-tag>{{ tableData[currentIndex].jarMode }}</el-tag> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="设备状态"> |
| | | <el-tag>{{ tableData[currentIndex].jarStatus }}</el-tag> |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="区域">{{ tableData[currentIndex].region }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="代号">{{ tableData[currentIndex].jarCode }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="温度">{{ tableData[currentIndex].jarTemperature$ }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="压力">{{ tableData[currentIndex].jarPressure$ }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="最大储量">{{ tableData[currentIndex].jarCount$ }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="故障代码">{{ tableData[currentIndex].jarErr }} |
| | | </el-descriptions-item> |
| | | <!-- <el-descriptions-item label="源站">{{ tableData[currentIndex].staNo }}--> |
| | | <!-- </el-descriptions-item>--> |
| | | <!-- <el-descriptions-item label="目标站">{{ tableData[currentIndex].sourceStaNo }}--> |
| | | <!-- </el-descriptions-item>--> |
| | | <el-descriptions-item label="最近一次保温时间">{{ tableData[currentIndex].holdingTime }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="最近一次开门时间">{{ tableData[currentIndex].openTime }} |
| | | </el-descriptions-item> |
| | | <el-descriptions-item label="最近一次关门时间">{{ tableData[currentIndex].closeTime }} |
| | | </el-descriptions-item> |
| | | </el-descriptions> |
| | | |
| | | </div> |
| | |
| | | |
| | | }, |
| | | methods: { |
| | | historicalTasks(){ |
| | | let that = this |
| | | if (that.currentIndex != null){ |
| | | $.ajax({ |
| | | url: baseUrl + "/basJarMastLog/historicalTasks/auth", |
| | | headers: { |
| | | 'token': localStorage.getItem('token') |
| | | }, |
| | | data:{ |
| | | id: that.tableData[that.currentIndex].jarNo |
| | | }, |
| | | success: function (res) { |
| | | that.item = res.data |
| | | console.log(that.item) |
| | | } |
| | | }); |
| | | } |
| | | |
| | | }, |
| | | staTova(sta,end){ |
| | | let that = this |
| | | that.$confirm('此操作存在风险,是否继续','提示',{ |