Browse Source

样式修改

master
shenzhouyu 1 month ago
parent
commit
1209dd59fb
  1. 37
      cclqms-vue/src/views/modules/qc/QcDataAcquisitionDialog.vue

37
cclqms-vue/src/views/modules/qc/QcDataAcquisitionDialog.vue

@ -29,13 +29,12 @@
align="center"
width="140">
<template slot-scope="scope">
<el-select
<el-switch
v-model="scope.row.collectFlag"
size="mini"
class="collect-flag-select">
<el-option :label="$t('qc.common.yes')" :value="true"></el-option>
<el-option :label="$t('qc.common.no')" :value="false"></el-option>
</el-select>
:active-text="$t('qc.common.yes')"
:inactive-text="$t('qc.common.no')"
class="collect-flag-switch">
</el-switch>
</template>
</el-table-column>
</el-table>
@ -175,11 +174,29 @@ export default {
height: auto !important;
line-height: normal !important;
overflow: visible !important;
padding-top: 6px;
padding-bottom: 6px;
padding-top: 8px;
padding-bottom: 8px;
}
.qc-data-acquisition-dialog .collect-flag-select {
width: 90px;
.qc-data-acquisition-dialog .collect-flag-switch {
display: inline-flex;
align-items: center;
height: 20px;
line-height: 20px;
}
.qc-data-acquisition-dialog .collect-flag-switch .el-switch__core {
margin: 0;
}
.qc-data-acquisition-dialog .collect-flag-switch .el-switch__label {
height: 20px;
line-height: 20px;
font-size: 12px;
}
.qc-data-acquisition-dialog .collect-flag-switch .el-switch__label * {
font-size: 12px;
line-height: 20px;
}
</style>
Loading…
Cancel
Save