licq/chem_mes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(tsoorder): 优化订单生成页面布局和样式

Browse Source
This commit is contained in:
zxy 2026-04-21 11:52:30 +08:00
parent f4f8491247
commit fddf862ac6
2 changed files with 26 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
jnpf-java-boot/jnpf-web/src/views/example/tsoorder/generate/index.vue
View File

@ -249,14 +249,16 @@
</el-table-column>
</el-table>
</div>
<div class="page-footer">
<el-button type="primary" @click="save">保 存</el-button>
<el-button type="primary" @click="submit">下 发</el-button>
<el-button @click="goBack">取 消</el-button>
</div>
</div>
</div>
<div class="page-footer">
<el-button type="primary" @click="save">保存</el-button>
<el-button type="primary" @click="submit">下发</el-button>
<el-button @click="goBack">取消</el-button>
</div>
<!-- 产线选择弹窗 -->
<ProLineSelect
@ -702,10 +704,13 @@ export default {
<style scoped>
.generate-order-container {
min-height: 100vh;
height: calc(100vh - 60px);
background: #f5f7fa;
display: flex;
flex-direction: column;
overflow: hidden;
margin: 0;
padding: 0;
}
.page-header {
@ -730,8 +735,7 @@ export default {
.main-content {
flex: 1;
padding: 16px;
padding-bottom: 70px;
overflow-y: auto;
overflow: hidden;
}
.main-section {
@ -779,21 +783,15 @@ export default {
}
.page-footer {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background: #fff;
padding: 10px 16px;
padding: 16px 0 0;
border-top: 1px solid #e4e7ed;
display: flex;
justify-content: flex-end;
gap: 12px;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
z-index: 100;
gap: 16px;
}
.page-footer el-button {
padding: 6px 20px;
padding: 8px 24px;
}
/* 产线选择弹窗样式 */
@ -824,3 +822,12 @@ export default {
gap: 16px;
}
</style>
<style>
.app-main::before {
display: none !important;
}
.app-main {
overflow: hidden !important;
}
</style>

3
jnpf-java-boot/jnpf-web/src/views/example/tsoorder/index.vue
View File

@ -83,7 +83,7 @@
</template>
</el-table-column>
<el-table-column prop="ordDate" label="下单日期" align="center" min-width="90" :formatter="jnpf.tableDateFormat1"/>
<el-table-column prop="custName" label="客户名称" align="center" min-width="150" />
<el-table-column prop="custName" label="客户名称" align="center" min-width="180" />
<el-table-column prop="materialName" label="产品名称" align="center" min-width="150" />
<el-table-column prop="spec" label="规格型号" align="center" min-width="100" />
<el-table-column prop="ordQty" label="订单数量" align="center" min-width="95" />
@ -181,7 +181,6 @@ export default {
created() {
this.initDictData();
this.initSearchData();
this.initData();
},
watch: {
'$route.query.refresh': function(newVal) {