410 lines
19 KiB
Vue
410 lines
19 KiB
Vue
<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="工艺">
|
||
<el-radio v-model="query.tech_type" label="01">负压脱蜡</el-radio>
|
||
<el-radio v-model="query.tech_type" label="02">氢气脱蜡</el-radio>
|
||
</el-form-item>
|
||
<rrOperation />
|
||
|
||
<span id="tishiAccount" style="font-size:16px" :style="tishiAccount_style">{{ msg }}</span>
|
||
</el-form>
|
||
</div>
|
||
|
||
<!--如果想在工具栏加入更多按钮，可以使用插槽方式， 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>-->
|
||
<!-- <!–分页组件–>-->
|
||
<!-- <pagination />-->
|
||
<el-table v-fit-columns 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 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">
|
||
<template slot-scope="scope">
|
||
<span v-show="scope.row.edit"> {{ scope.row[item.value] }}</span>
|
||
<el-input-number
|
||
v-show="!scope.row.edit"
|
||
v-model="scope.row[item.value]"
|
||
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>
|
||
<!--分页组件-->
|
||
<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 }
|
||
export default {
|
||
name: 'Wastecchange',
|
||
dicts: ['MD_MATERIAL_WASTE_TYPE'],
|
||
components: { pagination, crudOperation, rrOperation },
|
||
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
|
||
}
|
||
})
|
||
},
|
||
data() {
|
||
return {
|
||
msg: '(注意：1.修正值必须为-0.5~0.5之间的小数；2.若无此软废，修正填为99；)',
|
||
tishiAccount_style: {
|
||
color: 'red'
|
||
},
|
||
confirm_flg: false,
|
||
permission: {
|
||
},
|
||
rules: {
|
||
}
|
||
}
|
||
},
|
||
created() {
|
||
// eslint-disable-next-line eqeqeq
|
||
},
|
||
methods: {
|
||
// 钩子：在获取表格数据之前执行，false 则代表不获取数据
|
||
[CRUD.HOOK.beforeRefresh]() {
|
||
this.crud.data = []
|
||
return true
|
||
},
|
||
formName(row) {
|
||
if (row.tech_type === '01') {
|
||
return '负压脱蜡'
|
||
} else if (row.tech_type === '02') {
|
||
return '氢气脱蜡'
|
||
}
|
||
},
|
||
handleEdit(index, row) {
|
||
row.edit = !row.edit
|
||
this.form.tableData.splice(index, 1, row) // 通过splice 替换数据 触发视图更新
|
||
},
|
||
confirm(row) {
|
||
row.tech_type = this.query.tech_type
|
||
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>
|