wilson
/
rongxing-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

页面菜单样式修改

master
Rui_Li 4 years ago
parent
e1248afa97
commit
fa096f7013
2 changed files with 59 additions and 36 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 66
      src/views/modules/yieldReport/com_produce_report_normal.vue
  2. 29
      src/views/modules/yieldReport/produce_order.vue

66
src/views/modules/yieldReport/com_produce_report_normal.vue
View File

@ -60,37 +60,37 @@
<span>{{ this.currentRollOps.rollNo }}</span>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="createNewRollFun" :disabled="buttonTags.createNewRollFlag"
<el-button class="customer-bun-mid" type="primary" @click="createNewRollFun" :disabled="buttonTags.createNewRollFlag"
style="margin-left: 0px; margin-bottom: 5px;">
创建新卷
</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="switchRollModal" :disabled="buttonTags.switchRollFlag"
<el-button class="customer-bun-mid" type="primary" @click="switchRollModal" :disabled="buttonTags.switchRollFlag"
style="margin-left: 0px; margin-bottom: 5px;">
切换卷
</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="separateRollModal" :disabled="buttonTags.separateRollFlag"
<el-button class="customer-bun-mid" type="primary" @click="separateRollModal" :disabled="buttonTags.separateRollFlag"
style="margin-left: 0px; margin-bottom: 5px;">
创建分卷
</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" :disabled="buttonTags.finishRollFlag"
<el-button class="customer-bun-mid" type="primary" :disabled="buttonTags.finishRollFlag"
@click="finishRollModal" style="margin-left: 0px; margin-bottom: 5px;">
结束卷
</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" :disabled="buttonTags.mergeRollFlag"
<el-button class="customer-bun-mid" type="primary" :disabled="buttonTags.mergeRollFlag"
@click="mergeRollModal" style="margin-left: 0px; margin-bottom: 5px;">
合并卷
</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary"
<el-button class="customer-bun-mid" type="primary"
@click="showFinishScheduleModal" style="margin-left: 0px; margin-bottom: 5px;">
结单
</el-button>
@ -349,25 +349,25 @@
<legend class="customer-legend">生产调机</legend>
<el-form>
<el-form-item>
<el-button type="primary" @click="refreshPageData"
style="margin-left: 20px; margin-top: 20px; margin-bottom: 25px;">
<el-button class="customer-bun-mid" type="primary" @click="refreshPageData"
style="margin-left: 15px; margin-top: 20px; margin-bottom: 25px;">
刷新
</el-button>
</el-form-item>
<el-form-item>
<el-button type="primary" @click="switchOperatorModal" style="margin-left: 25px; margin-top: 20px;">
<el-button class="customer-bun-mid" type="primary" @click="switchOperatorModal" style="margin-left: 20px; margin-top: 20px;">
切换用户
</el-button>
</el-form-item>
<el-form-item style="margin-top: 30px;">
<el-button type="primary" @click="startTuningModal" :disabled="buttonTags.tuningFlag"
style="margin-left: 10px; margin-bottom: 5px;">
<el-button class="customer-bun-mid" type="primary" @click="startTuningModal" :disabled="buttonTags.tuningFlag"
style="margin-left: 15px; margin-bottom: 5px;">
开始调机
</el-button>
</el-form-item>
<el-form-item style="margin-top: 30px;">
<el-button type="primary" @click="startProduceModal" :disabled="buttonTags.produceFlag"
style="margin-left: 10px; margin-bottom: 5px;">
<el-button class="customer-bun-mid" type="primary" @click="startProduceModal" :disabled="buttonTags.produceFlag"
style="margin-left: 20px; margin-bottom: 5px;">
开始生产
</el-button>
</el-form-item>
@ -376,10 +376,10 @@
<!-- 不良 -->
<fieldset class="customer-fieldset" style="margin-left: 600px; width: 200px; height: 60px;">
<legend class="customer-legend">不良</legend>
<el-form>
<el-form style="text-align: center;">
<el-form-item style="margin-top: -5px;">
<el-button @click="defectRollModal" type="primary" :disabled="buttonTags.defectFlag"
style="margin-left: 50px; margin-top: 10px;">
<el-button class="customer-bun-mid" @click="defectRollModal" type="primary" :disabled="buttonTags.defectFlag"
style="margin-left: 0px; margin-top: 10px;">
报告不良
</el-button>
</el-form-item>
@ -391,14 +391,14 @@
<legend class="customer-legend">扫描</legend>
<el-form>
<el-form-item style="margin-top: -5px;">
<el-button type="primary" @click="produceToolModal"
:disabled="buttonTags.toolFlag" style="margin-left: 30px; margin-top: 20px;">
<el-button class="customer-bun-mid" type="primary" @click="produceToolModal"
:disabled="buttonTags.toolFlag" style="margin-left: 15px; margin-top: 20px;">
刀模板
</el-button>
</el-form-item>
<el-form-item style="margin-top: -5px;">
<el-button type="primary" @click="produceMaterialModal"
:disabled="buttonTags.materialFlag" style="margin-left: 10px; margin-top: 20px;">
<el-button class="customer-bun-mid" type="primary" @click="produceMaterialModal"
:disabled="buttonTags.materialFlag" style="margin-left: 20px; margin-top: 20px;">
材料
</el-button>
</el-form-item>
@ -409,10 +409,10 @@
<fieldset class="customer-fieldset"
style="margin-left: 600px; margin-bottom: 0px; width: 200px; height: 100px;">
<legend class="customer-legend">停机</legend>
<el-form>
<el-form style="text-align: center;">
<el-form-item>
<el-button type="primary" @click="produceDownModal"
:disabled="buttonTags.downTimeFlag" style="margin-left: 30px; margin-top: 10px;">
<el-button class="customer-bunx-max" type="primary" @click="produceDownModal"
:disabled="buttonTags.downTimeFlag" style="margin-top: 10px;">
报告其他停机
</el-button>
</el-form-item>
@ -424,7 +424,7 @@
<legend class="customer-legend">其他操作</legend>
<el-form>
<el-form-item>
<el-button type="primary" @click="finishPartRollModal"
<el-button class="customer-bun-mid" type="primary" @click="finishPartRollModal"
style="margin-left: 50px; margin-top: 10px;">
产量报告
</el-button>
@ -3463,8 +3463,26 @@ export default {
<style scoped lang="scss">
/deep/ .customer-tab .el-tabs__content {
padding: 0px !important;
}
/*当前按钮的通用样式*/
.customer-css .customer-bun-mid{
width: 65px;
text-align: center;
}
.customer-css .customer-bun-min{
width: 45px;
text-align: center;
}
.customer-css .customer-bun-max{
width: 80px;
text-align: center;
}
/*当前按钮的通用样式*/
.customer-css .el-button--medium {
padding: 5px 5px;
}

29
src/views/modules/yieldReport/produce_order.vue
View File

@ -1,42 +1,39 @@
<template>
<div class="">
<div class="customer-css">
<!-- 菜单按钮区域 -->
<fieldset class="customer-field" style="width: 675px; padding: 0.35em 0.75em 0.425em;">
<legend>菜单</legend>
<el-form :inline="true" label-position="top" label-width="100px" style="">
<el-form-item :label="''">
<el-button type="primary" style="margin-left: 10px; margin-bottom: 5px;">列表</el-button>
<el-button type="primary" class="customer-bun-mid" style="margin-left: 10px; width: 60px; margin-bottom: 5px;">列表</el-button>
</el-form-item>
<el-form-item :label="''">
<el-button type="primary" @click="showFinishScheduleModal" style="margin-left: 10px; margin-bottom: 5px;">结单</el-button>
</el-form-item>
<el-form-item :label="''">
<el-button type="primary" @click="refreshPageTables()"
<el-button type="primary" @click="refreshPageTables()" class="customer-bun-mid"
style="margin-left: 10px; margin-bottom: 5px;">查询
</el-button>
</el-form-item>
<el-form-item :label="''">
<el-button type="primary" @click="switchOperatorModal()"
<el-button type="primary" @click="switchOperatorModal()" class="customer-bun-mid"
style="margin-left: 10px; margin-bottom: 5px;">报工
</el-button>
</el-form-item>
<el-form-item :label="''">
<el-button type="primary" @click="refreshPageTables()"
<el-button type="primary" @click="refreshPageTables()" class="customer-bun-mid"
style="margin-left: 10px; margin-bottom: 5px;">FQC报工
</el-button>
</el-form-item>
<el-form-item :label="''">
<el-button type="primary" @click="refreshPageTables()"
<el-button type="primary" @click="refreshPageTables()" class="customer-bun-mid"
style="margin-left: 10px; margin-bottom: 5px;">返工重检
</el-button>
</el-form-item>
<el-form-item :label="''">
<el-button type="primary" @click="refreshPageTables()"
<el-button type="primary" @click="refreshPageTables()" class="customer-bun-mid"
style="margin-left: 10px; margin-bottom: 5px;">换包装
</el-button>
</el-form-item>
<el-form-item :label="''">
<el-button type="primary" @click="refreshPageTables()"
<el-button type="primary" @click="refreshPageTables()" class="customer-bun-mid"
style="margin-left: 10px; margin-bottom: 5px;">FQC分卷
</el-button>
</el-form-item>
@ -1151,7 +1148,15 @@ div.customer-el-card-blue {
.el-radio + .el-radio {
margin-left: 0px;
}
/*当前按钮的通用样式*/
.customer-css .customer-bun-mid{
width: 65px;
text-align: center;
}
/*当前按钮的通用样式*/
.customer-css .el-button--medium {
padding: 5px 5px;
}
/*控制上下间距*/
</style>
Write Preview
Loading…
Cancel
Save