中航光电热表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.

410 lines
11 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>
<el-button type="primary" @click="maintenanceClick">维护 </el-button>
<el-button type="primary" @click="proofreadClick">校对 </el-button>
</template>
<template #menu-right> </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,
2 months ago
// 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,
searchLabelPosition: "left",
searchLabelPosition: "left",
searchGutter: 24,
searchSpan: 6,
menuAlign: "left",
gridBtn: false,
searchMenuPosition: "right",
addBtnIcon: " ",
viewBtnIcon: " ",
delBtnIcon: " ",
editBtnIcon: " ",
align: "center",
column: [
{
4 months ago
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,
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,
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,
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,
cell: true,
rules: [{ required: true, message: "请输入姓名", trigger: "blur" }],
},
],
},
{
label: "发展能力",
children: [
{
label: "加分",
prop: "growAbility",
search: false,
sortable: true,
filter: true,
span: 24,
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 = [
{
$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>