fix:el-drawer缓存显示问题-成品检验

This commit is contained in:
shijing 2024-05-30 09:40:11 +08:00
parent b768946738
commit c2034fc737
2 changed files with 294 additions and 287 deletions

View File

@ -63,15 +63,14 @@
@closed="dialog.save = false" @closed="dialog.save = false"
> >
</save-dialog> </save-dialog>
<check-dialog
<el-drawer title="成品检验" v-model="dialog.check" :size="'90%'"> ref="checkDialogs"
<check-dialog v-if="dialog.check"
ref="checkDialogs" :type="product_type"
:type="product_type" :ftestWork="ftestWork"
:ftestWork="ftestWork" @closed="dialog.check = false"
> >
</check-dialog> </check-dialog>
</el-drawer>
</el-container> </el-container>
</template> </template>
<script> <script>
@ -149,13 +148,9 @@ export default {
that.product_type = type; that.product_type = type;
that.ftestWork = row.id; that.ftestWork = row.id;
that.dialog.check = true; that.dialog.check = true;
// this.$router.push({ this.$nextTick(() => {
// name: "productDetail", this.$refs.checkDialogs.open();
// query: { });
// type: type,
// ftestWork: row.id,
// },
// });
}, },
handleQuery() { handleQuery() {
this.$refs.table.queryData(this.query); this.$refs.table.queryData(this.query);

View File

@ -1,283 +1,291 @@
<template> <template>
<div style="padding: 8px"> <el-drawer
<div> v-model="visible"
<el-card style="width: 100%" header="基本信息" shadow="hover"> title="成品检验"
<el-descriptions> :size="'90%'"
<el-descriptions-item label="日期">{{ destroy-on-close
workObj.test_date @closed="$emit('closed')"
}}</el-descriptions-item> >
<el-descriptions-item label="批次号">{{ <div style="padding: 8px">
workObj.batch <div>
}}</el-descriptions-item> <el-card style="width: 100%" header="基本信息" shadow="hover">
<el-descriptions-item label="总数">{{ <el-descriptions>
workObj.count <el-descriptions-item label="日期">{{
}}</el-descriptions-item> workObj.test_date
</el-descriptions> }}</el-descriptions-item>
</el-card> <el-descriptions-item label="批次号">{{
</div> workObj.batch
<div style="height: 8px"></div> }}</el-descriptions-item>
<div> <el-descriptions-item label="总数">{{
<el-card style="width: 100%" header="检验记录" shadow="hover"> workObj.count
<!-- 预制棒 --> }}</el-descriptions-item>
<sc-form-table </el-descriptions>
ref="formTable" </el-card>
v-if="type == 'bang'" </div>
v-model="formTableData" <div style="height: 8px"></div>
:addTemplate="addTemplate" <div>
placeholder="暂无数据" <el-card style="width: 100%" header="检验记录" shadow="hover">
> <!-- 预制棒 -->
<el-table-column <sc-form-table
prop="val" ref="formTable"
label="抽检编号" v-if="type == 'bang'"
min-width="180" v-model="formTableData"
:addTemplate="addTemplate"
placeholder="暂无数据"
> >
<template #default="scope"> <el-table-column
<!-- <span v-if="scope.row.id">{{ scope.row.test_numer }}</span> --> prop="val"
<el-input label="抽检编号"
:disabled="!scope.row.isEdit" min-width="180"
v-model="scope.row.test_numer"
placeholder="抽检编号"
></el-input>
</template>
</el-table-column>
<el-table-column label="检验记录" align="center">
<template
v-for="(item0, $index) in ftestitems"
:key="item0.id"
> >
<el-table-column <template #default="scope">
prop="test_val" <!-- <span v-if="scope.row.id">{{ scope.row.test_numer }}</span> -->
:label="item0.name" <el-input
min-width="130" :disabled="!scope.row.isEdit"
v-model="scope.row.test_numer"
placeholder="抽检编号"
></el-input>
</template>
</el-table-column>
<el-table-column label="检验记录" align="center">
<template
v-for="(item0, $index) in ftestitems"
:key="item0.id"
> >
<template #default="scope"> <el-table-column
<el-input-number prop="test_val"
v-model=" :label="item0.name"
scope.row.ftestitems[$index] min-width="130"
.test_val >
" <template #default="scope">
:disabled="!scope.row.isEdit" <el-input-number
:min="0" v-model="
style="width: 100%" scope.row.ftestitems[$index]
controls-position="right" .test_val
> "
</el-input-number> :disabled="!scope.row.isEdit"
</template> :min="0"
</el-table-column> style="width: 100%"
</template> controls-position="right"
</el-table-column> >
<el-table-column </el-input-number>
prop="test_val" </template>
label="合格判定" </el-table-column>
min-width="90" </template>
> </el-table-column>
<template #default="scope"> <el-table-column
<el-select prop="test_val"
v-model="scope.row.is_ok" label="合格判定"
placeholder="是否合格" min-width="90"
clearable
:disabled="!scope.row.isEdit"
style="width: 100%"
>
<el-option label="是" :value="true" />
<el-option label="否" :value="false" />
</el-select>
</template>
</el-table-column>
<el-table-column
prop="test_user"
label="检验人"
width="120"
>
<template #default="scope">
<el-select
v-model="scope.row.test_user"
placeholder="检验人"
clearable
filterable
:disabled="!scope.row.isEdit"
style="width: 100%"
>
<el-option
v-for="item in userList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="val" label="备注">
<template #default="scope">
<el-input
:disabled="!scope.row.isEdit"
v-model="scope.row.note"
placeholder="备注"
></el-input>
</template>
</el-table-column>
<el-table-column
prop="open"
label="操作"
fixed="right"
width="90"
align="center"
>
<template #default="scope">
<el-link
type="primary"
v-if="scope.row.isEdit"
@click="saveCheck(scope.row)"
>保存</el-link
>
<el-link
type="primary"
v-else
@click="editCheck(scope.row)"
>编辑</el-link
>
<el-link
type="danger"
@click="delCheck(scope.row.id)"
style="margin-left: 2px"
>删除</el-link
>
</template>
</el-table-column>
</sc-form-table>
<!-- 预制管 -->
<sc-form-table
ref="formTable"
v-else-if="type == 'guan'"
v-model="formTableData"
:addTemplate="addTemplate"
placeholder="暂无数据"
>
<el-table-column
prop="val"
label="抽检编号"
min-width="180"
>
<template #default="scope">
<!-- <span v-if="scope.row.id">{{ scope.row.test_numer }}</span> -->
<el-input
:disabled="!scope.row.isEdit"
v-model="scope.row.test_numer"
placeholder="抽检编号"
></el-input>
</template>
</el-table-column>
<el-table-column label="检验记录" align="center">
<template
v-for="(item, $index) in ftestitems"
:key="item.id"
> >
<el-table-column <template #default="scope">
prop="test_val" <el-select
:label="item.name" v-model="scope.row.is_ok"
min-width="130" placeholder="是否合格"
> clearable
<template #default="scope"> :disabled="!scope.row.isEdit"
<el-input-number style="width: 100%"
v-model=" >
scope.row.ftestitems[$index] <el-option label="是" :value="true" />
.test_val <el-option label="否" :value="false" />
" </el-select>
:disabled="!scope.row.isEdit" </template>
:min="0" </el-table-column>
style="width: 100%" <el-table-column
controls-position="right" prop="test_user"
> label="检验人"
</el-input-number> width="120"
</template> >
</el-table-column> <template #default="scope">
</template> <el-select
</el-table-column> v-model="scope.row.test_user"
<el-table-column placeholder="检验人"
prop="test_val" clearable
label="合格判定" filterable
min-width="90" :disabled="!scope.row.isEdit"
align="center" style="width: 100%"
>
<el-option
v-for="item in userList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="val" label="备注">
<template #default="scope">
<el-input
:disabled="!scope.row.isEdit"
v-model="scope.row.note"
placeholder="备注"
></el-input>
</template>
</el-table-column>
<el-table-column
prop="open"
label="操作"
fixed="right"
width="90"
align="center"
>
<template #default="scope">
<el-link
type="primary"
v-if="scope.row.isEdit"
@click="saveCheck(scope.row)"
>保存</el-link
>
<el-link
type="primary"
v-else
@click="editCheck(scope.row)"
>编辑</el-link
>
<el-link
type="danger"
@click="delCheck(scope.row.id)"
style="margin-left: 2px"
>删除</el-link
>
</template>
</el-table-column>
</sc-form-table>
<!-- 预制管 -->
<sc-form-table
ref="formTable"
v-else-if="type == 'guan'"
v-model="formTableData"
:addTemplate="addTemplate"
placeholder="暂无数据"
> >
<template #default="scope"> <el-table-column
<el-select prop="val"
v-model="scope.row.is_ok" label="抽检编号"
placeholder="是否合格" min-width="180"
clearable >
:disabled="!scope.row.isEdit" <template #default="scope">
style="width: 100%" <!-- <span v-if="scope.row.id">{{ scope.row.test_numer }}</span> -->
<el-input
:disabled="!scope.row.isEdit"
v-model="scope.row.test_numer"
placeholder="抽检编号"
></el-input>
</template>
</el-table-column>
<el-table-column label="检验记录" align="center">
<template
v-for="(item, $index) in ftestitems"
:key="item.id"
> >
<el-option label="是" :value="true" /> <el-table-column
<el-option label="否" :value="false" /> prop="test_val"
</el-select>
</template>
</el-table-column>
<el-table-column
prop="test_user"
label="检验人"
min-width="120"
align="center"
>
<template #default="scope">
<el-select
v-model="scope.row.test_user"
placeholder="检验人"
clearable
filterable
:disabled="!scope.row.isEdit"
style="width: 100%"
>
<el-option
v-for="item in userList"
:key="item.id"
:label="item.name" :label="item.name"
:value="item.id" min-width="130"
/> >
</el-select> <template #default="scope">
</template> <el-input-number
</el-table-column> v-model="
<el-table-column prop="val" label="备注"> scope.row.ftestitems[$index]
<template #default="scope"> .test_val
<el-input "
:disabled="!scope.row.isEdit" :disabled="!scope.row.isEdit"
v-model="scope.row.note" :min="0"
placeholder="备注" style="width: 100%"
></el-input> controls-position="right"
</template> >
</el-table-column> </el-input-number>
<el-table-column </template>
prop="open" </el-table-column>
label="操作" </template>
fixed="right" </el-table-column>
width="90" <el-table-column
align="center" prop="test_val"
> label="合格判定"
<template #default="scope"> min-width="90"
<el-link align="center"
type="primary" >
v-if="scope.row.isEdit" <template #default="scope">
@click="saveCheck(scope.row)" <el-select
>保存</el-link v-model="scope.row.is_ok"
> placeholder="是否合格"
<el-link clearable
type="primary" :disabled="!scope.row.isEdit"
v-else style="width: 100%"
@click="editCheck(scope.row)" >
>编辑</el-link <el-option label="是" :value="true" />
> <el-option label="否" :value="false" />
<el-link </el-select>
type="danger" </template>
v-if="scope.row.id" </el-table-column>
@click="delCheck(scope.row.id)" <el-table-column
style="margin-left: 2px" prop="test_user"
>删除</el-link label="检验人"
> min-width="120"
</template> align="center"
</el-table-column> >
</sc-form-table> <template #default="scope">
</el-card> <el-select
v-model="scope.row.test_user"
placeholder="检验人"
clearable
filterable
:disabled="!scope.row.isEdit"
style="width: 100%"
>
<el-option
v-for="item in userList"
:key="item.id"
:label="item.name"
:value="item.id"
/>
</el-select>
</template>
</el-table-column>
<el-table-column prop="val" label="备注">
<template #default="scope">
<el-input
:disabled="!scope.row.isEdit"
v-model="scope.row.note"
placeholder="备注"
></el-input>
</template>
</el-table-column>
<el-table-column
prop="open"
label="操作"
fixed="right"
width="90"
align="center"
>
<template #default="scope">
<el-link
type="primary"
v-if="scope.row.isEdit"
@click="saveCheck(scope.row)"
>保存</el-link
>
<el-link
type="primary"
v-else
@click="editCheck(scope.row)"
>编辑</el-link
>
<el-link
type="danger"
v-if="scope.row.id"
@click="delCheck(scope.row.id)"
style="margin-left: 2px"
>删除</el-link
>
</template>
</el-table-column>
</sc-form-table>
</el-card>
</div>
</div> </div>
</div> </el-drawer>
<save-dialog <save-dialog
v-if="dialog.save" v-if="dialog.save"
ref="saveDialog" ref="saveDialog"
@ -333,6 +341,7 @@ export default {
// type: "", // type: "",
userList: [], userList: [],
workObj: {}, workObj: {},
visible: false,
}; };
}, },
watch: { watch: {
@ -356,6 +365,9 @@ export default {
that.getUserList(that.ftestWork); that.getUserList(that.ftestWork);
}, },
methods: { methods: {
open() {
this.visible = true;
},
// //
getTestItem(tag, ftestWork) { getTestItem(tag, ftestWork) {
let that = this; let that = this;