生产监控页面调整

dev-scheduling
zhangdi 1 month ago
parent 8a0c6ccd6c
commit e8212536e8
  1. 117
      src/views/workRate/index.vue

@ -199,37 +199,42 @@
</div> </div>
</div> </div>
<div class="details-box" v-if="selectedItemId && selectedItemInfo.status > 1"> <div class="details-box" v-if="selectedItemId && selectedItemInfo.status > 1">
<div class="de-title">工序详情</div> <div class="details-box-item">
<el-descriptions :column="4" border label-width="100" class="fixed-descriptions"> <div class="de-title">工序详情</div>
<el-descriptions-item label="接收数量" :span="1">{{ <el-descriptions :column="4" border label-width="100" class="fixed-descriptions">
processDetails.qualifiedQty <el-descriptions-item label="接收数量" :span="1">{{
}}</el-descriptions-item> processDetails.qualifiedQty
<el-descriptions-item label="计划开始" :span="1">{{ }}</el-descriptions-item>
selectedItemInfo.planStartTime <el-descriptions-item label="计划开始" :span="1">{{
}}</el-descriptions-item> selectedItemInfo.planStartTime
<el-descriptions-item label="计划结束" :span="1">{{ }}</el-descriptions-item>
selectedItemInfo.planEndTime <el-descriptions-item label="计划结束" :span="1">{{
}}</el-descriptions-item> selectedItemInfo.planEndTime
<el-descriptions-item label="接收人" :span="1">{{ }}</el-descriptions-item>
processDetails.receiveMan <el-descriptions-item label="接收人" :span="1">{{
}}</el-descriptions-item> processDetails.receiveMan
<el-descriptions-item label="实际开始" :span="1">{{ }}</el-descriptions-item>
selectedItemInfo.factStartTime <el-descriptions-item label="实际开始" :span="1">{{
}}</el-descriptions-item> selectedItemInfo.factStartTime
<el-descriptions-item label="实际结束" :span="1">{{ }}</el-descriptions-item>
selectedItemInfo.planEndTime <el-descriptions-item label="实际结束" :span="1">{{
}}</el-descriptions-item> selectedItemInfo.planEndTime
<el-descriptions-item label="试验数量" :span="1">{{ }}</el-descriptions-item>
processDetails.testQty <el-descriptions-item label="试验数量" :span="1">{{
}}</el-descriptions-item> processDetails.testQty
<el-descriptions-item label="消耗数量" :span="1">{{ }}</el-descriptions-item>
processDetails.lossQty <el-descriptions-item label="消耗数量" :span="1">{{
}}</el-descriptions-item> processDetails.lossQty
<el-descriptions-item label="报废数量" :span="1">{{ }}</el-descriptions-item>
processDetails.scrapQty <el-descriptions-item label="报废数量" :span="1">{{
}}</el-descriptions-item> processDetails.scrapQty
</el-descriptions> }}</el-descriptions-item>
<div v-if="processDetails.mrList && processDetails.mrList.length >= 0"> </el-descriptions>
</div>
<div
class="details-box-item"
v-if="processDetails.mrList && processDetails.mrList.length >= 0"
>
<div class="de-title">加工记录</div> <div class="de-title">加工记录</div>
<el-table <el-table
:data="processDetails.mrList" :data="processDetails.mrList"
@ -245,7 +250,10 @@
<el-table-column label="备注" align="center" prop="memo" min-width="150" /> <el-table-column label="备注" align="center" prop="memo" min-width="150" />
</el-table> </el-table>
</div> </div>
<div v-if="processDetails.trialItemList && processDetails.trialItemList.length > 0"> <div
class="details-box-item"
v-if="processDetails.trialItemList && processDetails.trialItemList.length > 0"
>
<div class="de-title">转试记录</div> <div class="de-title">转试记录</div>
<el-table :data="processDetails.trialItemList" border> <el-table :data="processDetails.trialItemList" border>
<el-table-column label="试验信息" align="center" prop="testName" /> <el-table-column label="试验信息" align="center" prop="testName" />
@ -254,7 +262,10 @@
<el-table-column label="试验状态" align="center" prop="testStatus" /> <el-table-column label="试验状态" align="center" prop="testStatus" />
</el-table> </el-table>
</div> </div>
<div v-if="processDetails.slotList && processDetails.slotList.length > 0"> <div
class="details-box-item"
v-if="processDetails.slotList && processDetails.slotList.length > 0"
>
<div class="de-title">同槽信息</div> <div class="de-title">同槽信息</div>
<el-table :data="processDetails.slotList" border> <el-table :data="processDetails.slotList" border>
<el-table-column label="同槽编号" align="center" prop="mtuCode" /> <el-table-column label="同槽编号" align="center" prop="mtuCode" />
@ -266,7 +277,10 @@
<el-table-column label="总面积" align="center" prop="totalArea" /> <el-table-column label="总面积" align="center" prop="totalArea" />
</el-table> </el-table>
</div> </div>
<div v-if="processDetails.mtuList && processDetails.mtuList.length > 0"> <div
class="details-box-item"
v-if="processDetails.mtuList && processDetails.mtuList.length > 0"
>
<div class="de-title">设备使用详情</div> <div class="de-title">设备使用详情</div>
<el-table <el-table
:data="processDetails.mtuList" :data="processDetails.mtuList"
@ -281,7 +295,7 @@
<el-table-column label="挂次号" align="center" prop="hangNum" min-width="150" /> <el-table-column label="挂次号" align="center" prop="hangNum" min-width="150" />
</el-table> </el-table>
</div> </div>
<div class="linediv" v-if="processDetails.prWorkCheck != null"> <div class="linediv details-box-item" v-if="processDetails.prWorkCheck != null">
<div class="de-title">检验记录</div> <div class="de-title">检验记录</div>
<el-descriptions :column="4" label-width="100" class="fixed-descriptions" border> <el-descriptions :column="4" label-width="100" class="fixed-descriptions" border>
<el-descriptions-item label="检验数量"> <el-descriptions-item label="检验数量">
@ -307,7 +321,10 @@
</el-descriptions-item> </el-descriptions-item>
</el-descriptions> </el-descriptions>
</div> </div>
<div v-if="processDetails.itemList && processDetails.itemList.length > 0"> <div
class="details-box-item"
v-if="processDetails.itemList && processDetails.itemList.length > 0"
>
<div class="de-title">检验项</div> <div class="de-title">检验项</div>
<el-table <el-table
:ref="'myTable'" :ref="'myTable'"
@ -464,6 +481,7 @@
</el-table> </el-table>
</div> </div>
<div <div
class="details-box-item"
v-if=" v-if="
processDetails.printType == 1 && processDetails.printType == 1 &&
processDetails.dsRbFilePreserveSlotList && processDetails.dsRbFilePreserveSlotList &&
@ -917,19 +935,23 @@ i {
.details-box { .details-box {
width: calc(100% - 28px); width: calc(100% - 28px);
padding: 5px 10px 25px 10px;
box-shadow: 0px 0px 6px 1px rgba(22, 44, 71, 0.16); //
// border:1px solid #ebeef5; // border:1px solid #ebeef5;
border-radius: 6px 6px 0px 0px;
margin: 0 auto 0; margin: 0 auto 0;
height: auto; height: auto;
margin-left: 5px; // margin-left: 5px;
.de-titile { .details-box-item {
font-weight: bold; box-shadow: 0px 0px 6px 1px rgba(22, 44, 71, 0.16);
margin-bottom: 20px; padding: 5px 10px 20px 10px;
border-radius: 6px 6px 6px 6px;
margin-bottom: 15px;
} }
} }
.production-process-item { .production-process-item {
border: 1px solid #284c89; border: 1px solid #284c89;
width: 220px; width: 220px;
@ -1014,10 +1036,9 @@ i {
} }
} }
} }
.de-title { .de-title {
font-weight: bold; font-weight: bold;
margin-bottom: 5px; margin-bottom: 5px;
margin-top: 10px; }
}
</style> </style>

Loading…
Cancel
Save