|
|
|
@ -2,104 +2,112 @@ |
|
|
|
<div class="customer-css" > |
|
|
|
<!-- 查询时间和产品 --> |
|
|
|
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 0px;" > |
|
|
|
<el-row> |
|
|
|
<el-row style="width: 780px;"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item :label="'生产订单号:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 100px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="2" style="margin-left: -15px;"> |
|
|
|
<el-form-item :label="'工序号:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 80px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-col :span="4" style="margin-left: 20px;"> |
|
|
|
<el-form-item :label="'工序名称:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 100px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-col :span="4" style="margin-left: -15px;"> |
|
|
|
<el-form-item :label="'加工中心编码:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 90px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-col :span="4" style="margin-left: -25px;"> |
|
|
|
<el-form-item :label="'加工中心名称:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row> |
|
|
|
<el-row style="width: 780px;"> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-form-item :label="'产品编码:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 100px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="6"> |
|
|
|
<el-col :span="6" style="margin-left: -15px;"> |
|
|
|
<el-form-item :label="'产品名称:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 185px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-col :span="3" style="margin-left: 5px;"> |
|
|
|
<el-form-item :label="'需求数量:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 70px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-col :span="3" style="margin-left: -20px;"> |
|
|
|
<el-form-item :label="'已排产数量:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 70px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
<el-col :span="4"> |
|
|
|
<el-col :span="3" style="margin-left: -20px;"> |
|
|
|
<el-form-item :label="'待排产数量:'"> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 120px"></el-input> |
|
|
|
<el-input v-model="pageData.workCenterNo" readonly="readonly" style="width: 70px"></el-input> |
|
|
|
</el-form-item> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
|
|
|
|
<!-- 排产信息 --> |
|
|
|
<fieldset class="customer-field" style="margin-top: 10px; width: 612px; padding: 0.125em;" > |
|
|
|
<!-- 排产日期 --> |
|
|
|
<el-form :inline="true" label-position="top" label-width="100px" style="margin-top: 5px;"> |
|
|
|
<el-form-item :label="'排产日期:'"> |
|
|
|
<el-date-picker class="el-time-width" |
|
|
|
style="" |
|
|
|
v-model="pageData.scheduleDate" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="''" style="margin-top: -10px;"> |
|
|
|
<el-checkbox v-model="pageData.specifiedTime" true-label="Y" false-label="N" style="margin-top: 28px; margin-right: -20px;" ></el-checkbox> |
|
|
|
<el-time-picker |
|
|
|
format="HH:mm" |
|
|
|
arrow-control |
|
|
|
style="margin-top: 30px; width: 65px" |
|
|
|
v-model="pageData.scheduleTime" |
|
|
|
value-format="HH:mm"> |
|
|
|
</el-time-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
<!-- 记录示意图 --> |
|
|
|
<fieldset style="margin-left: 380px; margin-top: -88px; width: 180px;"> |
|
|
|
<legend>记录示意图</legend> |
|
|
|
<el-form :inline="true" label-position="top" label-width="100px" class="customer-card"> |
|
|
|
<el-form-item :label="'已关闭,已达数量'"> |
|
|
|
<el-card class="customer-el-card customer-el-card-pink"></el-card> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="'已关闭,未达数量'"> |
|
|
|
<el-card class="customer-el-card customer-el-card-orange"></el-card> |
|
|
|
<fieldset class="customer-field" style="margin-top: -80px; width: 140px; height: 95px; padding: 0.125em;" > |
|
|
|
<legend>排产日期</legend> |
|
|
|
<el-form style="margin-left: 10px; height: 60px;"> |
|
|
|
<el-row style="margin-top: 10px; width: 120px; height: 20px;"> |
|
|
|
<el-col :span="18"> |
|
|
|
<el-form-item> |
|
|
|
<el-date-picker class="el-time-width" |
|
|
|
style="" |
|
|
|
v-model="pageData.scheduleDate" |
|
|
|
value-format="yyyy-MM-dd"> |
|
|
|
</el-date-picker> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="'未关闭,未达数量'"> |
|
|
|
<el-card class="customer-el-card customer-el-card-blue"></el-card> |
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
<el-row style="margin-top: 20px; padding-bottom: 20px; width: 120px; height: 60px;"> |
|
|
|
<el-col :span="24" style="margin-left: 5px;"> |
|
|
|
<el-form-item :label="''"> |
|
|
|
<el-checkbox v-model="pageData.specifiedTime" true-label="Y" false-label="N" |
|
|
|
style="margin-top: 0px; margin-right: -20px;" ></el-checkbox> |
|
|
|
<el-time-picker |
|
|
|
format="HH:mm" |
|
|
|
arrow-control |
|
|
|
style="margin-top: -50px; width: 110px; height: 60px;" |
|
|
|
v-model="pageData.scheduleTime" |
|
|
|
value-format="HH:mm"> |
|
|
|
</el-time-picker> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</fieldset> |
|
|
|
|
|
|
|
</el-col> |
|
|
|
</el-row> |
|
|
|
</el-form> |
|
|
|
</fieldset > |
|
|
|
<!-- 记录示意图 --> |
|
|
|
<fieldset style="margin-left: 730px; margin-top: -95px; width: 180px;"> |
|
|
|
<legend>记录示意图</legend> |
|
|
|
<el-form :inline="true" label-position="top" label-width="100px" class="customer-card"> |
|
|
|
<el-form-item :label="'已关闭,已达数量'"> |
|
|
|
<el-card class="customer-el-card customer-el-card-pink"></el-card> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="'已关闭,未达数量'"> |
|
|
|
<el-card class="customer-el-card customer-el-card-orange"></el-card> |
|
|
|
</el-form-item> |
|
|
|
<el-form-item :label="'未关闭,未达数量'"> |
|
|
|
<el-card class="customer-el-card customer-el-card-blue"></el-card> |
|
|
|
</el-form-item> |
|
|
|
</el-form> |
|
|
|
</fieldset> |
|
|
|
|
|
|
|
<!-- 工单主表信息 --> |
|
|
|
<el-main style="margin-left: -20px; margin-top: -35px; width: 104%;"> |
|
|
|
<el-main style="margin-left: -20px; margin-top: 5px; width: 104%;"> |
|
|
|
<el-form :inline="true" label-position="top" label-width="100px"> |
|
|
|
<el-form-item :label="'主记录'"> |
|
|
|
</el-form-item> |
|
|
|
|