订单详情修改字段 #251

Merged
juzi merged 1 commits from projects/mesxc-zjl into projects/mesxc-test 2024-03-18 08:28:16 +08:00
2 changed files with 89 additions and 79 deletions

View File

@ -5,7 +5,8 @@
<span class="blueTitle"></span> <span class="blueTitle"></span>
<span>集团编码: {{ orderGroupMsg.code }}</span> <span>集团编码: {{ orderGroupMsg.code }}</span>
</div> </div>
<el-button type="primary" plain size="small" style="float: right;" @click="returnOrderManage"><svg-icon icon-class="return"/> 返回</el-button> <el-button type="primary" plain size="small" style="float: right;" @click="returnOrderManage"><svg-icon
icon-class="return" /> 返回</el-button>
<div style="padding-left: 14px;"> <div style="padding-left: 14px;">
<el-row> <el-row>
<el-col :span='4'> <el-col :span='4'>
@ -153,13 +154,8 @@
<span class="blueTitle"></span> <span class="blueTitle"></span>
<span>工单信息</span> <span>工单信息</span>
</div> </div>
<base-table <base-table :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-props="tableProps"
:page="queryParams.pageNo" :table-data="item.coreWorkOrderRespVOS || []" :max-height="tableH" />
:limit="queryParams.pageSize"
:table-props="tableProps"
:table-data="item.coreWorkOrderRespVOS || []"
:max-height="tableH"
/>
</div> </div>
</div> </div>
</template> </template>
@ -192,14 +188,14 @@ const tableProps = [
filter: publicFormatter('workshop') filter: publicFormatter('workshop')
}, },
{ {
prop: 'planQuantity', prop: 'planAssignmentQuantity',
label: '计划加工量', label: '计划分配数量',
width: 100 width: 110
}, },
{ {
prop: 'actualQuantity', prop: 'actualAssignmentQuantity',
label: '实际加工量', label: '实际分配数量',
width: 100 width: 110
}, },
{ {
prop: 'actualArea', prop: 'actualArea',
@ -285,9 +281,12 @@ export default {
height: calc(100vh - 120px - 8px); height: calc(100vh - 120px - 8px);
background-color: rgb(242, 244, 249); background-color: rgb(242, 244, 249);
overflow: auto; overflow: auto;
.box1, .box2 {
.box1,
.box2 {
background-color: #fff; background-color: #fff;
border-radius: 9px; border-radius: 9px;
.blodTip { .blodTip {
height: 16px; height: 16px;
font-size: 14px; font-size: 14px;
@ -295,6 +294,7 @@ export default {
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
margin-bottom: 8px; margin-bottom: 8px;
} }
.lightTip { .lightTip {
height: 16px; height: 16px;
font-size: 14px; font-size: 14px;
@ -306,15 +306,18 @@ export default {
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }
.box2 { .box2 {
height: 415px; height: 415px;
padding: 12px 16px 0; padding: 12px 16px 0;
margin: 8px 0; margin: 8px 0;
} }
.box1 { .box1 {
height: 215px; height: 215px;
padding: 16px 16px 0 16px; padding: 16px 16px 0 16px;
} }
.boxTitle { .boxTitle {
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
@ -322,6 +325,7 @@ export default {
color: #000000; color: #000000;
margin: 0 10px 20px 0; margin: 0 10px 20px 0;
} }
.blueTitle { .blueTitle {
content: ''; content: '';
display: inline-block; display: inline-block;

View File

@ -2,14 +2,17 @@
<div class="orderDetailData"> <div class="orderDetailData">
<div v-show="!isSingle" style="position: relative;padding-right: 90px;"> <div v-show="!isSingle" style="position: relative;padding-right: 90px;">
<TopTab :orderIdList='orderIdList' :orderId="orderId" @emitFun='toggleName' /> <TopTab :orderIdList='orderIdList' :orderId="orderId" @emitFun='toggleName' />
<el-button type="primary" plain size="small" style="position: absolute;right: 0; top: 0;height: 48px;font-size: 14px;" @click="returnOrderManage"><svg-icon icon-class="return"/> 返回</el-button> <el-button type="primary" plain size="small"
style="position: absolute;right: 0; top: 0;height: 48px;font-size: 14px;" @click="returnOrderManage"><svg-icon
icon-class="return" /> 返回</el-button>
</div> </div>
<div class="box1"> <div class="box1">
<div class="boxTitle"> <div class="boxTitle">
<span class="blueTitle"></span> <span class="blueTitle"></span>
<span>订单编码: {{ orderMsg.code }}</span> <span>订单编码: {{ orderMsg.code }}</span>
</div> </div>
<el-button v-show="isSingle" type="primary" plain size="small" style="float: right;" @click="returnOrderManage"><svg-icon icon-class="return"/> 返回</el-button> <el-button v-show="isSingle" type="primary" plain size="small" style="float: right;"
@click="returnOrderManage"><svg-icon icon-class="return" /> 返回</el-button>
<div style="padding-left: 14px;"> <div style="padding-left: 14px;">
<el-row> <el-row>
<el-col :span='4'> <el-col :span='4'>
@ -85,13 +88,8 @@
<span>工单信息</span> <span>工单信息</span>
</div> </div>
<!-- 列表 --> <!-- 列表 -->
<base-table <base-table :page="queryParams.pageNo" :limit="queryParams.pageSize" :table-props="tableProps1"
:page="queryParams.pageNo" :table-data="list1" :max-height="tableH" />
:limit="queryParams.pageSize"
:table-props="tableProps1"
:table-data="list1"
:max-height="tableH"
/>
</div> </div>
</div> </div>
</template> </template>
@ -125,14 +123,14 @@ const tableProps1 = [
filter: publicFormatter('workshop') filter: publicFormatter('workshop')
}, },
{ {
prop: 'planQuantity', prop: 'planAssignmentQuantity',
label: '计划加工量', label: '计划分配数量',
width: 100 width: 110
}, },
{ {
prop: 'actualQuantity', prop: 'actualAssignmentQuantity',
label: '实际加工量', label: '实际分配数量',
width: 100 width: 110
}, },
{ {
prop: 'actualArea', prop: 'actualArea',
@ -253,18 +251,23 @@ export default {
<style lang='scss' scoped> <style lang='scss' scoped>
.orderDetailData { .orderDetailData {
background-color: rgb(242, 244, 249); background-color: rgb(242, 244, 249);
.box1, .box2{
.box1,
.box2 {
background-color: #fff; background-color: #fff;
border-radius: 9px; border-radius: 9px;
} }
.box2 { .box2 {
height: calc(100vh - 351px); height: calc(100vh - 351px);
padding: 12px 16px 0; padding: 12px 16px 0;
margin-top: 8px; margin-top: 8px;
} }
.box1 { .box1 {
height: 215px; height: 215px;
padding: 16px 16px 0 16px; padding: 16px 16px 0 16px;
.blodTip { .blodTip {
height: 16px; height: 16px;
font-size: 14px; font-size: 14px;
@ -272,6 +275,7 @@ export default {
color: rgba(0, 0, 0, 0.85); color: rgba(0, 0, 0, 0.85);
margin-bottom: 8px; margin-bottom: 8px;
} }
.lightTip { .lightTip {
height: 16px; height: 16px;
font-size: 14px; font-size: 14px;
@ -280,6 +284,7 @@ export default {
margin-bottom: 12px; margin-bottom: 12px;
} }
} }
.boxTitle { .boxTitle {
display: inline-block; display: inline-block;
font-size: 16px; font-size: 16px;
@ -287,6 +292,7 @@ export default {
color: #000000; color: #000000;
margin: 0 10px 20px 0; margin: 0 10px 20px 0;
} }
.blueTitle { .blueTitle {
content: ''; content: '';
display: inline-block; display: inline-block;