zcdsj
/
factory_web
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix:mlogbw样式调整

This commit is contained in:
shijing 2025-01-21 11:07:06 +08:00
parent dfdecc01bd
commit c5d6e6fcf7
2 changed files with 156 additions and 146 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/App.vue
View File

@ -130,7 +130,9 @@ export default {
font-weight: bold; font-weight: bold;
color: #008000; color: #008000;
} }
#mlogbwList .el-table--default .cell{
padding: 0 5px !important;
}
#table1.el-table, #table1.el-table,
#table1.el-table tr, #table1.el-table tr,
#table1.el-table .el-table__body-wrapper, #table1.el-table .el-table__body-wrapper,

298
src/views/wpm_bx/mlogbw_check.vue
View File

@ -2,157 +2,162 @@
<el-drawer <el-drawer
:title="headTitle[mode]" :title="headTitle[mode]"
v-model="visible" v-model="visible"
:size="'80%'" :size="'90%'"
destroy-on-close destroy-on-close
@closed="$emit('closed')" @closed="$emit('closed')"
> >
<sc-form-table <el-container>
hideDelete <el-main>
:tableHeight="500" <sc-form-table
v-model="mlogbwlist" hideDelete
:addTemplate="addTemplate" id="mlogbwList"
placeholder="暂无数据" v-model="mlogbwlist"
> :addTemplate="addTemplate"
<el-table-column prop="number" label="物料编号"> placeholder="暂无数据"
<template #default="scope"> >
<span v-if="!scope.row.isEdit">{{ scope.row.number }}</span> <el-table-column prop="number" label="物料编号">
<el-input v-if="scope.row.isEdit&&mode == 'outs'" v-model="scope.row.number" placeholder="物料编号"></el-input> <template #default="scope">
<el-select <span v-if="!scope.row.isEdit">{{ scope.row.number }}</span>
v-if="scope.row.isEdit&&mode == 'ins'" <el-input v-if="scope.row.isEdit&&mode == 'outs'" v-model="scope.row.number" placeholder="物料编号"></el-input>
v-model="scope.row.wpr" <el-select
placeholder="动态成品" v-if="scope.row.isEdit&&mode == 'ins'"
clearable v-model="scope.row.wpr"
style="width: 100%" placeholder="动态成品"
@change="optionChange(scope.row)" clearable
> style="width: 100%"
<el-option @change="optionChange(scope.row)"
v-for="item in options"
:key="item.id"
:label="item.number"
:value="item.id"
> >
</el-option> <el-option
</el-select> v-for="item in options"
</template> :key="item.id"
</el-table-column> :label="item.number"
<el-table-column prop="note" :label="item.testitem_name" v-for="item in qct_testitems" :key="item.id"> :value="item.id"
<template #default="scope"> >
<el-input-number </el-option>
v-if="item.testitem_field_type=='input-number'" </el-select>
v-model="scope.row[item.testitem_name]" </template>
:min="0" </el-table-column>
:disabled="!scope.row.isEdit" <el-table-column prop="note" :label="item.testitem_name" v-for="item in qct_testitems" :key="item.id">
class="width-100" <template #default="scope">
controls-position="right" <el-input-number
@change="defectCountSun(scope.row)" v-if="item.testitem_field_type=='input-number'"
> v-model="scope.row[item.testitem_name]"
</el-input-number> :min="0"
<el-input-number :disabled="!scope.row.isEdit"
v-if="item.testitem_field_type=='input-int'" class="width-100"
v-model="scope.row[item.testitem_name]" controls-position="right"
:min="0" @change="defectCountSun(scope.row)"
:disabled="!scope.row.isEdit"
class="width-100"
controls-position="right"
@change="defectCountSun(scope.row)"
>
</el-input-number>
<el-input
v-if="item.testitem_field_type=='input-text'"
v-model="scope.row[item.testitem_name]"
class="width-100"
:disabled="!scope.row.isEdit"
@change="defectCountSun(scope.row)"
>
</el-input>
<el-select
v-if="item.testitem_field_type=='select-text'"
v-model="scope.row[item.testitem_name]"
clearable
class="width-100"
:disabled="!scope.row.isEdit"
@change="defectCountSun(scope.row)"
>
<el-option
v-for="item0 in item.testitem_choices"
:key="item0"
:label="item0"
:value="item0"
> >
</el-option> </el-input-number>
</el-select> <el-input-number
<el-select v-if="item.testitem_field_type=='input-int'"
v-if="item.testitem_field_type=='selects-text'" v-model="scope.row[item.testitem_name]"
v-model="scope.row[item.testitem_name]" :min="0"
clearable :disabled="!scope.row.isEdit"
multiple class="width-100"
class="width-100" controls-position="right"
:disabled="!scope.row.isEdit" @change="defectCountSun(scope.row)"
@change="defectCountSun(scope.row)"
>
<el-option
v-for="item1 in item.testitem_choices"
:key="item1"
:label="item1"
:value="item1"
> >
</el-option> </el-input-number>
</el-select> <el-input
</template> v-if="item.testitem_field_type=='input-text'"
</el-table-column> v-model="scope.row[item.testitem_name]"
<el-table-column prop="note" :label="item.defect_name" v-for="item in qct_defects" :key="item.id" width="80px"> class="width-100"
<template #default="scope"> :disabled="!scope.row.isEdit"
<el-switch @change="defectCountSun(scope.row)"
:disabled="!scope.row.isEdit" >
v-model="scope.row[item.defect_name]" </el-input>
style="--el-switch-on-color: red" <el-select
@change="switchChange(scope.row, item)" v-if="item.testitem_field_type=='select-text'"
></el-switch> v-model="scope.row[item.testitem_name]"
</template> clearable
</el-table-column> class="width-100"
<el-table-column prop="note" label="备注"> :disabled="!scope.row.isEdit"
<template #default="scope"> @change="defectCountSun(scope.row)"
<span v-if="!scope.row.isEdit">{{ scope.row.note }}</span> >
<el-input v-else v-model="scope.row.note" placeholder="备注"></el-input> <el-option
</template> v-for="item0 in item.testitem_choices"
</el-table-column> :key="item0"
<el-table-column prop="open" label="操作" width="120" align="center"> :label="item0"
<template #default="scope"> :value="item0"
<el-button >
v-if="scope.row.isEdit" </el-option>
text </el-select>
type="primary" <el-select
size="small" v-if="item.testitem_field_type=='selects-text'"
@click="formTableSave(scope.row)" v-model="scope.row[item.testitem_name]"
>保存</el-button clearable
> multiple
<el-button class="width-100"
v-if="scope.row.isEdit" :disabled="!scope.row.isEdit"
text @change="defectCountSun(scope.row)"
type="primary" >
size="small" <el-option
@click="formTableCancel(scope.row)" v-for="item1 in item.testitem_choices"
>取消</el-button :key="item1"
> :label="item1"
<el-button :value="item1"
v-else >
text </el-option>
type="primary" </el-select>
size="small" </template>
@click="formTableEdit(scope.row)" </el-table-column>
>编辑</el-button <el-table-column prop="note" :label="item.defect_name" v-for="item in qct_defects" :key="item.id" width="70px">
> <template #default="scope">
<el-button <el-switch
v-if="!scope.row.isEdit" :disabled="!scope.row.isEdit"
text v-model="scope.row[item.defect_name]"
type="danger" style="--el-switch-on-color: red"
size="small" @change="switchChange(scope.row, item)"
@click="formTableDel(scope.row.id)" ></el-switch>
>删除</el-button </template>
> </el-table-column>
</template> <el-table-column prop="note" label="备注" width="80px">
</el-table-column> <template #default="scope">
</sc-form-table> <span v-if="!scope.row.isEdit">{{ scope.row.note }}</span>
<el-input v-else v-model="scope.row.note" placeholder="备注"></el-input>
</template>
</el-table-column>
<el-table-column prop="open" label="操作" width="60" align="center">
<template #default="scope">
<el-button
v-if="scope.row.isEdit"
text
type="primary"
size="small"
@click="formTableSave(scope.row)"
>保存</el-button
>
<el-button
v-if="scope.row.isEdit"
text
type="primary"
size="small"
@click="formTableCancel(scope.row)"
>取消</el-button
>
<el-button
v-else
text
type="primary"
size="small"
@click="formTableEdit(scope.row)"
>编辑</el-button
>
<el-button
v-if="!scope.row.isEdit"
text
type="danger"
size="small"
@click="formTableDel(scope.row.id)"
>删除</el-button
>
</template>
</el-table-column>
</sc-form-table>
</el-main>
</el-container>
</el-drawer> </el-drawer>
</template> </template>
<script> <script>
@ -475,4 +480,7 @@ export default {
.width-100{ .width-100{
width: 100%; width: 100%;
} }
#mlogbwList .el-table--default .cell{
padding: 0 5px !important;
}
</style> </style>