成品检验表格宽度修改

This commit is contained in:
shijing 2024-02-22 09:40:06 +08:00
parent 136eff089f
commit 6beafdc9f2
1 changed files with 102 additions and 167 deletions

View File

@ -13,173 +13,101 @@
<div>
<el-card style="width: 100%" header="检验记录" shadow="hover">
<!-- 预制棒 -->
<sc-form-table
ref="formTable"
v-if="type=='bang'"
v-model="formTableData"
:addTemplate="addTemplate"
placeholder="暂无数据"
>
<sc-form-table ref="formTable" v-if="type == 'bang'" v-model="formTableData" :addTemplate="addTemplate"
placeholder="暂无数据">
<el-table-column prop="val" label="抽检编号" min-width="120">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.test_numer}}</span>
<span v-if="scope.row.id">{{ scope.row.test_numer }}</span>
<el-input v-else 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 prop="test_val" :label="item0.name">
<template v-for="(item0, $index) in ftestitems" :key="item0.id">
<el-table-column prop="test_val" :label="item0.name" min-width="130">
<template #default="scope">
<el-input-number v-model="scope.row.ftestitems[$index].test_val" :disabled="!scope.row.isEdit" :min="0" style="width:100%" controls-position="right">
<el-input-number v-model="scope.row.ftestitems[$index].test_val"
:disabled="!scope.row.isEdit" :min="0" style="width:100%" controls-position="right">
</el-input-number>
</template>
</el-table-column>
</template>
</el-table-column>
<el-table-column prop="test_val" label="合格判定" width="100">
<el-table-column prop="test_val" label="合格判定" min-width="90">
<template #default="scope">
<el-select
v-model="scope.row.is_ok"
placeholder="是否合格"
clearable
:disabled="!scope.row.isEdit"
style="width:100%"
>
<el-option label="是" :value="true"/>
<el-option label="否" :value="false"/>
<el-select v-model="scope.row.is_ok" placeholder="是否合格" 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 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="open" label="操作" width="80" align="center">
<el-table-column prop="open" label="操作" fixed="right" width="90" align="center">
<template #default="scope">
<el-button
text type="primary"
size="small"
v-if="scope.row.isEdit"
@click="saveCheck(scope.row)"
>保存</el-button>
<el-button
text type="primary"
size="small"
v-else
@click="editCheck(scope.row)"
>编辑</el-button>
<el-button
text
type="danger"
size="small"
@click="delCheck(scope.row.id)"
>删除</el-button>
<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="暂无数据"
>
<sc-form-table ref="formTable" v-else-if="type == 'guan'" v-model="formTableData" :addTemplate="addTemplate"
placeholder="暂无数据">
<el-table-column prop="val" label="抽检编号">
<template #default="scope">
<span v-if="scope.row.id">{{scope.row.test_numer}}</span>
<span v-if="scope.row.id">{{ scope.row.test_numer }}</span>
<el-input v-else 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 prop="test_val" :label="item.name">
<template v-for="(item, $index) in ftestitems" :key="item.id">
<el-table-column prop="test_val" :label="item.name" min-width="130">
<template #default="scope">
<el-input-number v-model="scope.row.ftestitems[$index].test_val" :disabled="!scope.row.isEdit" :min="0" style="width:100%" controls-position="right">
<el-input-number v-model="scope.row.ftestitems[$index].test_val"
:disabled="!scope.row.isEdit" :min="0" style="width:100%" controls-position="right">
</el-input-number>
</template>
</el-table-column>
</template>
</el-table-column>
<el-table-column prop="test_val" label="合格判定" min-width="120" align="center">
<el-table-column prop="test_val" label="合格判定" min-width="90" align="center">
<template #default="scope">
<el-select
v-model="scope.row.is_ok"
placeholder="是否合格"
clearable
:disabled="!scope.row.isEdit"
style="width:100%"
>
<el-option label="是" :value="true"/>
<el-option label="否" :value="false"/>
<el-select v-model="scope.row.is_ok" placeholder="是否合格" 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="检验人" 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"
:value="item.id"
/>
<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="open" label="操作" width="80" align="center">
<el-table-column prop="open" label="操作" fixed="right" width="90" align="center">
<template #default="scope">
<el-button
text type="primary"
size="small"
v-if="scope.row.isEdit"
@click="saveCheck(scope.row)"
>保存</el-button>
<el-button
text type="primary"
size="small"
v-else
@click="editCheck(scope.row)"
>编辑</el-button>
<el-button
text
type="danger"
size="small"
@click="delCheck(scope.row.id)"
>删除</el-button>
<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>
</el-card>
</div>
</div>
<save-dialog v-if="dialog.save" ref="saveDialog"
:mioId="mioId" :belongDeptId="belongDeptId"
:belongDeptName="mioObj.belong_dept_name"
:mioObj="mioObj" :cate="cate"
@success="handleSaveSuccess" @closed="dialog.save = false">
<save-dialog v-if="dialog.save" ref="saveDialog" :mioId="mioId" :belongDeptId="belongDeptId"
:belongDeptName="mioObj.belong_dept_name" :mioObj="mioObj" :cate="cate" @success="handleSaveSuccess"
@closed="dialog.save = false">
</save-dialog>
</template>
<script>
@ -191,32 +119,29 @@ export default {
},
data() {
return {
addTemplate:{
ftestitems:[
{test_val:'',check_val:'',testitem:''},
{test_val:'',check_val:'',testitem:''},
{test_val:'',check_val:'',testitem:''},
{test_val:'',check_val:'',testitem:''},
addTemplate: {
ftestitems: [
{ test_val: '', check_val: '', testitem: '' },
],
test_date:'',//work
test_numer:'',
is_ok:true,
test_user:'',
ftest_work:'',//work
isEdit:true,
test_date: '',//work
test_numer: '',
is_ok: true,
test_user: '',
ftest_work: '',//work
isEdit: true,
},
ftestitems:[],
ftestitems: [],
dialog: {
check:false,
check: false,
save: false,
},
apiObj: null,
params: {},
formTableData: null,
ftestWork:'',
type:'',
userList:[],
workObj:{},
ftestWork: '',
type: '',
userList: [],
workObj: {},
};
},
watch: {
@ -233,19 +158,18 @@ export default {
that.$API.qm.ftestwork.item.req(that.ftestWork).then((res) => {
that.workObj = res;
that.addTemplate.test_date = res.test_date;
that.addTemplate.test_numer = res.batch+'_1';
that.addTemplate.test_numer = res.batch + '_1';
that.getCheckList();
})
let tag = that.type == 'bang'?'prod_bang':'prod_guan';
that.getTestItem(tag,that.ftestWork);
let tag = that.type == 'bang' ? 'prod_bang' : 'prod_guan';
that.getTestItem(tag, that.ftestWork);
that.getUserList(that.ftestWork);
},
methods: {
//
getTestItem(tag,ftestWork){
getTestItem(tag, ftestWork) {
let that = this;
that.$API.qm.getTestItem.get({tag:tag,page:0,ftest_work:ftestWork}).then(res=>{
// console.log(res)
that.$API.qm.getTestItem.get({ tag: tag, page: 0, ftest_work: ftestWork }).then(res => {
let arr = res;
that.ftestitems = res;
let ftestitems = [];
@ -259,21 +183,21 @@ export default {
})
},
//
getUserList(){
getUserList() {
let that = this;
this.$API.system.user.list.req({page:0}).then(res=>{
this.$API.system.user.list.req({ page: 0 }).then(res => {
that.userList = res;
});
},
//
getCheckList(ftestwork){
getCheckList(ftestwork) {
let that = this;
that.formTableData = [];
this.$API.qm.ftest.list.req({page:0,type:'prod',ftest_work:ftestwork}).then(res=>{
if(res.length>0){
that.addTemplate.test_numer = that.workObj.batch+'_'+(res.length+1);
console.log('that.addTemplate.test_numer',that.addTemplate.test_numer)
res.forEach(item=>{
this.$API.qm.ftest.list.req({ page: 0, type: 'prod', ftest_work: ftestwork }).then(res => {
if (res.length > 0) {
that.addTemplate.test_numer = that.workObj.batch + '_' + (res.length + 1);
console.log('that.addTemplate.test_numer', that.addTemplate.test_numer)
res.forEach(item => {
let obj = {};
obj = item;
obj.isEdit = false;
@ -282,12 +206,12 @@ export default {
}
})
},
testNumberChange(){
this.addTemplate.test_numer = this.workObj.batch+'_'+(this.formTableData.length+1);
testNumberChange() {
this.addTemplate.test_numer = this.workObj.batch + '_' + (this.formTableData.length + 1);
},
editCheck(row){
this.formTableData.forEach((item,index)=>{
if(item.id == row.id){
editCheck(row) {
this.formTableData.forEach((item, index) => {
if (item.id == row.id) {
this.formTableData[index].isEdit = true;
}
})
@ -306,19 +230,30 @@ export default {
});
}).catch(() => { });
},
saveCheck(row){
saveCheck(row) {
console.log(row);
if (row.id && row.id !== '') {
this.$API.qm.ftest.update.req(row.id, row).then((res) => {
this.$message.success("操作成功");
this.$refs.table.refresh();
}).catch((err) => {
return err;
});
} else {
this.$API.qm.ftest.create.req(row).then((res) => {
this.$message.success("操作成功");
this.$refs.table.refresh();
}).catch((err) => {
return err;
});
}
},
//
handleSaveSuccess(data, mode) {
this.$refs.table.refresh();
},
handleCheckSuccess(){
handleCheckSuccess() {
this.$refs.table.refresh();
},
handleQuery() {