Files
wuHanXinRui/mes/qd/src/views/wms/basedata/pdm/wastecchange/index.vue

410 lines
19 KiB
Vue
Raw Normal View History

2022-10-13 19:49:51 +08:00
<template>
<div class="app-container">
<!--工具栏-->
<div class="head-container">
<div v-if="crud.props.searchToggle">
<!-- 搜索 -->
<el-form
:inline="true"
class="demo-form-inline"
label-position="right"
label-width="80px"
label-suffix=":"
>
<el-form-item label="碳化钨">
<el-input
v-model="query.material_code"
clearable
size="mini"
placeholder="编码、名称"
@keyup.enter.native="crud.toQuery"
/>
</el-form-item>
<el-form-item label="工艺">
2022-10-25 17:44:05 +08:00
<el-radio v-model="query.tech_type" label="01">负压脱蜡</el-radio>
<el-radio v-model="query.tech_type" label="02">氢气脱蜡</el-radio>
2022-10-13 19:49:51 +08:00
</el-form-item>
<rrOperation />
2022-10-25 09:44:51 +08:00
&nbsp;&nbsp;&nbsp;
<span id="tishiAccount" style="font-size:16px" :style="tishiAccount_style">{{ msg }}</span>
2022-10-13 19:49:51 +08:00
</el-form>
</div>
2022-10-25 09:44:51 +08:00
2022-10-13 19:49:51 +08:00
<!--如果想在工具栏加入更多按钮可以使用插槽方式 slot = 'left' or 'right'-->
<crudOperation :permission="permission" />
<!--表格渲染-->
<!-- <el-table ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">-->
<!-- <el-table-column type="selection" width="55" />-->
<!-- <el-table-column prop="material_code" label="物料编码" min-width="110" align="center" />-->
<!-- <el-table-column prop="material_name" label="物料名称" min-width="120" align="center" />-->
<!-- <el-table-column prop="material_model" label="型号" align="center" />-->
<!-- <el-table-column prop="tech_type" label="工艺" :formatter="formName" align="center" />-->
<!-- <el-table-column prop="cf_qty" label="CF" width="95" align="center">-->
<!-- <template scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.cf_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.cf_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="yz_qty" label="YZ" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.yz_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.yz_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="cx_qty" label="CX" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.cx_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.cx_qty"-->
<!-- size="small"-->
<!-- :controls="false"-->
<!-- style="width: 80px"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="yc_qty" label="YC" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.yc_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.yc_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="jy_qty" label="JY" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.jy_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.jy_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="lt_qty" label="LT" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.lt_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.lt_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="sj_qty" label="SJ" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.sj_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.sj_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="ys_qty" label="YS" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.ys_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.ys_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="ds_qty" label="DS" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.ds_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.ds_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="cqx_qty" label="CQX" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.cqx_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.cqx_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="xqx_qty" label="XQX" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.xqx_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.xqx_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="qx_qty" label="QX" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.qx_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.qx_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="jcf_qty" label="JCF" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.jcf_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.jcf_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="tb_qty" label="TB" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.tb_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.tb_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="ycr_qty" label="YCR" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.ycr_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.ycr_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="gz_qty" label="GZ" width="95" align="center">-->
<!-- <template slot-scope="scope">-->
<!-- <span v-show="scope.row.edit">{{ scope.row.gz_qty }}</span>-->
<!-- <el-input-number-->
<!-- v-show="!scope.row.edit"-->
<!-- v-model="scope.row.gz_qty"-->
<!-- size="small"-->
<!-- style="width: 80px"-->
<!-- :controls="false"-->
<!-- controls-position="right"-->
<!-- :precision="2"-->
<!-- :min="-10000"-->
<!-- />-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- <el-table-column prop="create_time" label="维护时间" min-width="140" />-->
<!-- <el-table-column prop="create_name" label="维护人" min-width="120" />-->
<!-- <el-table-column label="操作" width="180" align="center" fixed="right">-->
<!-- <template slot-scope="scope">-->
<!-- <el-button v-show="!scope.row.edit" type="primary" size="mini" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>-->
<!-- <el-button v-show="scope.row.edit" type="success" size="mini" icon="el-icon-check" @click="handleEdit(scope.$index, scope.row)">完成</el-button>-->
<!-- <el-button type="success" size="mini" :loading="confirm_flg" icon="el-icon-check" @click="confirm(scope.row)">确认</el-button>-->
<!-- </template>-->
<!-- </el-table-column>-->
<!-- </el-table>-->
<!-- &lt;!&ndash;分页组件&ndash;&gt;-->
<!-- <pagination />-->
<el-table v-fit-columns ref="table" v-loading="crud.loading" :data="crud.data" size="mini" style="width: 100%;" @selection-change="crud.selectionChangeHandler">
2022-10-13 19:49:51 +08:00
<el-table-column type="selection" width="55" />
2022-11-29 10:54:51 +08:00
<el-table-column prop="material_code" label="物料编码" min-width="110" align="center" />
<el-table-column prop="material_name" label="物料名称" min-width="120" align="center" />
<el-table-column prop="material_model" label="型号" align="center" />
<el-table-column prop="tech_type" label="工艺" :formatter="formName" align="center" />
<el-table-column v-for="(item,index) in dict.MD_MATERIAL_WASTE_TYPE" :key="index" align="center" :width="item.label.length*15+60" :label="item.label+'('+item.value+')'" :prop="item.value">
2022-10-13 19:49:51 +08:00
<template slot-scope="scope">
<span v-show="scope.row.edit"> {{ scope.row[item.value] }}</span>
2022-10-13 19:49:51 +08:00
<el-input-number
2022-11-29 10:38:16 +08:00
v-show="!scope.row.edit"
v-model="scope.row[item.value]"
2022-10-13 19:49:51 +08:00
size="small"
2022-11-29 10:38:16 +08:00
style="width: 80px"
2022-10-13 19:49:51 +08:00
:controls="false"
controls-position="right"
:precision="2"
:min="-10000"
/>
</template>
</el-table-column>
<el-table-column prop="create_time" label="维护时间" min-width="140" />
2022-11-29 10:54:51 +08:00
<el-table-column prop="create_name" label="维护人" min-width="120" />
<el-table-column label="操作" width="180" align="center" fixed="right">
2022-10-13 19:49:51 +08:00
<template slot-scope="scope">
2022-11-29 10:38:16 +08:00
<el-button v-show="!scope.row.edit" type="primary" size="mini" icon="el-icon-edit" @click="handleEdit(scope.$index, scope.row)">编辑</el-button>
<el-button v-show="scope.row.edit" type="success" size="mini" icon="el-icon-check" @click="handleEdit(scope.$index, scope.row)">完成</el-button>
<el-button type="success" size="mini" :loading="confirm_flg" icon="el-icon-check" @click="confirm(scope.row)">确认</el-button>
2022-10-13 19:49:51 +08:00
</template>
</el-table-column>
</el-table>
<!--分页组件-->
<pagination />
</div>
</div>
</template>
<script>
import crudWastecchange from '@/api/wms/basedata/pdm/wastecchange'
import CRUD, { presenter, header, form, crud } from '@crud/crud'
import rrOperation from '@crud/RR.operation'
import crudOperation from '@crud/CRUD.operation'
import pagination from '@crud/Pagination'
const defaultForm = { change_id: null, material_id: null, tech_type: null, create_id: null, create_name: null, create_time: null }
2022-10-13 19:49:51 +08:00
export default {
name: 'Wastecchange',
dicts: ['MD_MATERIAL_WASTE_TYPE'],
2022-11-28 20:19:44 +08:00
components: { pagination, crudOperation, rrOperation },
2022-10-13 19:49:51 +08:00
mixins: [presenter(), header(), form(defaultForm), crud()],
cruds() {
return CRUD({
title: '软废碳平衡修正维护',
url: 'api/wastecchange',
idField: 'change_id',
sort: 'change_id,desc',
crudMethod: { ...crudWastecchange },
optShow: {
add: false,
edit: false,
del: false,
download: false,
reset: true
}
2022-10-25 17:44:05 +08:00
})
2022-10-13 19:49:51 +08:00
},
data() {
return {
2022-10-25 09:44:51 +08:00
msg: '(注意1.修正值必须为-0.5~0.5之间的小数2.若无此软废修正填为99)',
tishiAccount_style: {
color: 'red'
},
2022-10-13 19:49:51 +08:00
confirm_flg: false,
permission: {
},
rules: {
}
}
},
created() {
// eslint-disable-next-line eqeqeq
2022-10-13 19:49:51 +08:00
},
methods: {
// 钩子在获取表格数据之前执行false 则代表不获取数据
[CRUD.HOOK.beforeRefresh]() {
2022-11-29 10:54:51 +08:00
this.crud.data = []
2022-10-13 19:49:51 +08:00
return true
},
formName(row) {
if (row.tech_type === '01') {
return '负压脱蜡'
} else if (row.tech_type === '02') {
return '氢气脱蜡'
}
},
2022-11-29 10:38:16 +08:00
handleEdit(index, row) {
row.edit = !row.edit
this.form.tableData.splice(index, 1, row) // 通过splice 替换数据 触发视图更新
},
2022-10-13 19:49:51 +08:00
confirm(row) {
row.tech_type = this.query.tech_type
2022-10-13 19:49:51 +08:00
this.confirm_flg = true
crudWastecchange.confirm(row).then(res => {
this.crud.notify('操作成功', CRUD.NOTIFICATION_TYPE.SUCCESS)
this.confirm_flg = false
}).catch(() => {
this.confirm_flg = false
})
}
}
}
</script>
<style scoped>
</style>