中航光电热表web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

417 lines
16 KiB

<template>
<avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
@row-del="rowDel" @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
@current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad">
<template #menu-left>
6 months ago
<el-button type="primary" @click="maintenanceClick">维护
</el-button>
<el-button type="primary" @click="proofreadClick">校对
</el-button>
</template>
<template #menu-right>
6 months ago
</template>
<template #menu="scope">
</template>
<template #produceTsTarget="scope">
<el-tag v-if="scope.row.produceStatus == 1">未维护</el-tag>
<el-tag v-else type="success">待校对</el-tag>
</template>
</avue-crud>
</template>
<script>
export default {
data() {
return {
selectionList: [],
option: {
height: 'auto',
calcHeight: 32,
tip: false,
size: 'medium',
simplePage: true,
searchShow: true,
searchMenuSpan: 6,
searchIcon: true,
searchIndex: 3,
tree: false,
border: true,
index: true,
selection: false,
viewBtn: false,
delBtn: false,
addBtn: false,
editBtn: false,
editBtnText: '修改',
viewBtnIcon: ' ',
delBtnIcon: ' ',
editBtnIcon: ' ',
viewBtnText: '详情',
labelWidth: 120,
menuWidth: 180,
dialogWidth: 640,
dialogClickModal: false,
searchEnter: true,
excelBtn: false,
filterBtn: true,
searchShowBtn: false,
columnSort: true,
excelBtn: true,
columnSort: true,
showOverflowTooltip: true,
menu: false,
6 months ago
searchLabelPosition: 'left',
searchLabelPosition: 'left',
searchGutter: 24,
searchSpan: 6,
menuAlign: 'left',
gridBtn: false,
searchMenuPosition: 'right',
addBtnIcon: ' ',
viewBtnIcon: ' ',
delBtnIcon: ' ',
editBtnIcon: ' ',
align: 'center',
column: [
{
label: '镀种小类',
prop: 'plate',
sortable: true,
filter: true,
span: 24,
search: false,
width: 130,
type:'select',
dicData:[
{
label:'镀金'
},
{
label:'镀银'
}
]
},
{
label: '厂家代码',
prop: 'bsOemCustomer.ocCode',
bind: 'bsOemCustomer.ocCode',
search: false,
sortable: true,
filter: true,
span: 24,
},
{
label: '厂家名称',
prop: 'bsOemCustomer.ocName',
bind: 'bsOemCustomer.ocName',
search: false,
sortable: true,
filter: true,
span: 24,
},
{
label: '计划准时完成',
children: [
{
label: '目标值(%)',
prop: 'jhzsTarget',
search: false,
sortable: true,
filter: true,
span: 24,
},
{
label: '实际值(%)',
prop: 'jhzsReality',
search: false,
sortable: true,
filter: true,
span: 24,
6 months ago
cell: true,
rules: [
{ required: true, message: '请输入姓名', trigger: 'blur' }
]
},
]
},
{
label: '重点零件完成率',
children: [
{
label: '目标值(%)',
prop: 'zdljTarget',
search: false,
sortable: true,
filter: true,
span: 24,
},
{
label: '实际值(%)',
prop: 'zdljReality',
search: false,
sortable: true,
filter: true,
span: 24,
6 months ago
cell: true,
rules: [
{ required: true, message: '请输入姓名', trigger: 'blur' }
]
},
]
},
{
label: '清欠项',
children: [
{
label: '目标值',
prop: 'qqxTarget',
search: false,
sortable: true,
filter: true,
span: 24,
},
{
label: '实际值',
prop: 'qqxReality',
search: false,
sortable: true,
filter: true,
span: 24,
6 months ago
cell: true,
rules: [
{ required: true, message: '请输入姓名', trigger: 'blur' }
]
},
]
},
{
label: '客户投诉(扣分项)',
children: [
{
label: '目标值',
prop: 'produceTsTarget',
search: false,
sortable: true,
filter: true,
span: 24,
},
{
label: '实际值',
prop: 'produceTsReality',
search: false,
sortable: true,
filter: true,
span: 24,
6 months ago
cell: true,
rules: [
{ required: true, message: '请输入姓名', trigger: 'blur' }
]
},
]
},
{
label: '发展能力',
children: [
{
label: '加分',
prop: 'growAbility',
search: false,
sortable: true,
filter: true,
span: 24,
6 months ago
cell: true,
rules: [
{ required: true, message: '请输入姓名', trigger: 'blur' }
]
},
]
},
{
label: '状态',
prop: 'produceTsTarget',
search: false,
sortable: true,
filter: true,
span: 24,
},
]
},
form: {
},
page: {
pageSize: 10,
currentPage: 1,
total: 0,
},
}
},
methods: {
maintenanceClick() {
// this.$refs.myTable.fullValidate((errMap) => {
// if (errMap) {
// return;
// }
// const dataList = this.$refs.myTable.getRecordset().updateRecords;
// this.$ajax
// .post('oemMerits/maintenance', {
// dataList,
// status: 2,
// type: 'produce'
// })
// .then((res) => {
// if (res.code === 0) {
// this.$message.success('维护成功');
// this.queryTable();
// }
// });
// });
},
proofreadClick() {
// const dataList = this.$refs.myTable.getTableData().tableData;
// this.$ajax
// .post('oemMerits/proofread', {
// dataList,
// status: 3,
// type: 'produce'
// })
// .then((res) => {
// if (res.code === 0) {
// this.$message.success('校对成功');
// this.queryTable();
// }
// });
},
handleDelete() {
if (this.selectionList.length === 0) {
this.$message.warning('请选择至少一条数据');
return;
}
this.$confirm('确定将选择数据删除?', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning',
}).then(() => {
})
},
// 多选
selectionChange(list) {
this.selectionList = list;
},
onLoad() {
this.loading = true
this.data = [
6 months ago
{
$cellEdit: true,
"bsOemCustomer": {
"abbreviation": "L076",
"address": "aaa",
"codeAndName": "L076/L076",
"contactMan": "aaa",
"contactPhone": "aaa",
"craftAbility": "镀银、挂镀银、喷砂、涂色标、铜合金化学镀镍、电镀镍、DL零件包装",
"curStatus": 0,
"curStatusText": "正常供货",
"email": "aaa",
"keyValue": 21,
"limitType": 0,
"ocCode": "L076",
"ocId": 21,
"ocName": "L076",
"oemPassword": null,
"partCodeYesOrNo": false,
"qualification": 10,
"qualificationTitle": null,
"region": "陕西省",
"updateTime": "2023-04-14 18:33:49"
},
"createMan": {
"userId": 541,
"userName": "崔殿龙"
},
"createTime": "2023-11-10 18:06:40",
"keyValue": 1,
"oaaId": 1,
"plate": "222"
},
{
$cellEdit: true,
"bsOemCustomer": {
"abbreviation": "L120",
"address": "aaa",
"codeAndName": "L120/L120",
"contactMan": "aaa",
"contactPhone": "aaa",
"craftAbility": "不锈钢涂福斯润滑剂、DL零件包装、",
"curStatus": 0,
"curStatusText": "正常供货",
"email": "aaa",
"keyValue": 2,
"limitType": 0,
"ocCode": "L120",
"ocId": 2,
"ocName": "L120",
"oemPassword": null,
"partCodeYesOrNo": false,
"qualification": 0,
"qualificationTitle": "民品&普军",
"region": "江苏省",
"updateTime": "2023-04-14 18:33:49"
},
"createMan": {
"userId": 541,
"userName": "崔殿龙"
},
"createTime": "2023-11-10 18:06:40",
"keyValue": 4,
"oaaId": 4,
"plate": "222"
},
{
$cellEdit: true,
"bsOemCustomer": {
"abbreviation": "L070",
"address": "aaa",
"codeAndName": "L070/L070",
"contactMan": "aaa",
"contactPhone": "aaa",
"craftAbility": "滚镀金或振镀金、局部镀厚金、闪镀金、镀铂金、局部退火",
"curStatus": 0,
"curStatusText": "正常供货",
"email": "aaa",
"keyValue": 5,
"limitType": 0,
"ocCode": "L070",
"ocId": 5,
"ocName": "L070",
"oemPassword": null,
"partCodeYesOrNo": false,
"qualification": 10,
"qualificationTitle": null,
"region": "江苏省",
"updateTime": "2023-04-14 18:33:49"
},
"createMan": {
"userId": 541,
"userName": "崔殿龙"
},
"createTime": "2023-12-06 17:24:48",
"keyValue": 21,
"oaaId": 21,
"plate": "222"
}
]
this.page.total = this.data.length
this.loading = false
setTimeout(() => {
this.selectionClear()
}, 500)
}
}
}
</script>
<style lang="scss" scoped></style>