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

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

@ -249,14 +249,16 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
</div>
</div>
<div class="page-footer"> <div class="page-footer">
<el-button type="primary" @click="save">保 存</el-button> <el-button type="primary" @click="save">保 存</el-button>
<el-button type="primary" @click="submit">下 发</el-button> <el-button type="primary" @click="submit">下 发</el-button>
<el-button @click="goBack">取 消</el-button> <el-button @click="goBack">取 消</el-button>
</div> </div>
</div>
</div>
<!-- 产线选择弹窗 --> <!-- 产线选择弹窗 -->
<ProLineSelect <ProLineSelect
@ -702,10 +704,13 @@ export default {
<style scoped> <style scoped>
.generate-order-container { .generate-order-container {
min-height: 100vh; height: calc(100vh - 60px);
background: #f5f7fa; background: #f5f7fa;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden;
margin: 0;
padding: 0;
} }
.page-header { .page-header {
@ -730,8 +735,7 @@ export default {
.main-content { .main-content {
flex: 1; flex: 1;
padding: 16px; padding: 16px;
padding-bottom: 70px; overflow: hidden;
overflow-y: auto;
} }
.main-section { .main-section {
@ -779,21 +783,15 @@ export default {
} }
.page-footer { .page-footer {
position: fixed; padding: 16px 0 0;
bottom: 0; border-top: 1px solid #e4e7ed;
left: 0;
right: 0;
background: #fff;
padding: 10px 16px;
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
gap: 12px; gap: 16px;
box-shadow: 0 -2px 8px rgba(0, 0, 0, 0.06);
z-index: 100;
} }
.page-footer el-button { .page-footer el-button {
padding: 6px 20px; padding: 8px 24px;
} }
/* 产线选择弹窗样式 */ /* 产线选择弹窗样式 */
@ -824,3 +822,12 @@ export default {
gap: 16px; gap: 16px;
} }
</style> </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> </template>
</el-table-column> </el-table-column>
<el-table-column prop="ordDate" label="下单日期" align="center" min-width="90" :formatter="jnpf.tableDateFormat1"/> <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="materialName" label="产品名称" align="center" min-width="150" />
<el-table-column prop="spec" label="规格型号" align="center" min-width="100" /> <el-table-column prop="spec" label="规格型号" align="center" min-width="100" />
<el-table-column prop="ordQty" label="订单数量" align="center" min-width="95" /> <el-table-column prop="ordQty" label="订单数量" align="center" min-width="95" />
@ -181,7 +181,6 @@ export default {
created() { created() {
this.initDictData(); this.initDictData();
this.initSearchData(); this.initSearchData();
this.initData();
}, },
watch: { watch: {
'$route.query.refresh': function(newVal) { '$route.query.refresh': function(newVal) {