master
parent
f0202bb97c
commit
066213c959
@ -0,0 +1,70 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
/**
|
||||
* 获取全部部门
|
||||
* @returns
|
||||
*/
|
||||
export function getAllDepart() {
|
||||
return request({
|
||||
url: '/api/sy/depart/getall',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 条件查询部门及其子部门
|
||||
* @param {*} data
|
||||
* @returns
|
||||
*/
|
||||
export function getDepartByCon(data) {
|
||||
return request({
|
||||
url: '/api/sy/depart/getcon',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 模糊查询和固定查询混查
|
||||
* @param {*} data
|
||||
* @returns
|
||||
*/
|
||||
export function getDepartByConDefaultDepartCode(data) {
|
||||
return request({
|
||||
url: '/api/sy/depart/getcondefault',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取全部主部门
|
||||
* @returns
|
||||
*/
|
||||
export function getAllParent(){
|
||||
return request({
|
||||
url: '/api/sy/depart/getallparent',
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取全部子部门
|
||||
* @returns
|
||||
*/
|
||||
export function getAllChildren(){
|
||||
return request({
|
||||
url: '/api/sy/depart/getallchildren',
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
export function getJjxmMap(){
|
||||
return request({
|
||||
url: '/api/zlgl/qcInspectionItem/mapList',
|
||||
method: 'post'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,27 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
/**
|
||||
* 无like条件查询
|
||||
* @param {*} data
|
||||
* @returns
|
||||
*/
|
||||
export function getEmployeeByCon(data) {
|
||||
return request({
|
||||
url: '/api/sy/ygcx/getcon',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 特定like条件查询
|
||||
* @param {*} data
|
||||
* @returns
|
||||
*/
|
||||
export function getEmployeeByConDefaultDepartCode(data) {
|
||||
return request({
|
||||
url: '/api/sy/ygcx/getcondefault',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
@ -0,0 +1,138 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function getTreeList(data) {
|
||||
return request({
|
||||
url: '/api/sy/dict/getTreeList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function getTxTreeList(data) {
|
||||
return request({
|
||||
url: '/api/sy/dict/getTxTreeList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function getList(data) {
|
||||
return request({
|
||||
url: '/api/sy/dict/getList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function getTree(data) {
|
||||
return request({
|
||||
url: 'api/sy/dict/getTreeListForQKFL',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function del(data) {
|
||||
return request({
|
||||
url: '/api/sy/dict/del',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function update(data) {
|
||||
return request({
|
||||
url: '/api/sy/dict/update',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function Update(data) {
|
||||
return request({
|
||||
url: 'api/sy/dict/update',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function add(data) {
|
||||
return request({
|
||||
url: '/api/sy/dict/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getByCode(data,flag=true) {
|
||||
if (flag){
|
||||
const localData=localStorage.getItem(data.dictCode);
|
||||
if (localData){
|
||||
return new Promise((resolve, reject)=>{
|
||||
const result={
|
||||
success:true,
|
||||
data:JSON.parse(localData).sort((a,b)=>{return a.itemCode-b.itemCode})
|
||||
}
|
||||
resolve(result);
|
||||
})
|
||||
}
|
||||
}
|
||||
return request({
|
||||
url: '/api/sy/dict/getbycode',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 获取以dictCode分组的字典数据
|
||||
*/
|
||||
export function mapList() {
|
||||
return request({
|
||||
url: '/api/sy/dict/mapList',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function syLogAdd(data) {
|
||||
return request({
|
||||
url: '/api/sy/syLog/add',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
export function syLogList(data) {
|
||||
return request({
|
||||
url: '/api/sy/syLog/getList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function syLogDel(data) {
|
||||
return request({
|
||||
url: '/api/sy/syLog/del',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/getUser',
|
||||
method: 'get',
|
||||
params: data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 根据字典编码查询,字典值编码右模糊查询
|
||||
* @param data
|
||||
* @returns {*}
|
||||
*/
|
||||
export function getByDictCodeWithItemCodeRightLike(data) {
|
||||
return request({
|
||||
url: '/api/sy/dict/getByDictCodeWithItemCodeRightLike',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@ -0,0 +1,362 @@
|
||||
import request from '@/utils/request'
|
||||
|
||||
export function getUserList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getUserList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/addUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/updateUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getDepartList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getDepartList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addRole(data) {
|
||||
return request({
|
||||
url: '/api/sy/addRole',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteRole(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteRole',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateRole(data) {
|
||||
return request({
|
||||
url: '/api/sy/updateRole',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getRoleList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getRoleList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getRoleListByUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/getRoleListByUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addRoleForUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/addRoleForUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteRoleForUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteRoleForUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getSystemList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getSystemList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getMenuList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getMenuList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getUserListByMenu(data) {
|
||||
return request({
|
||||
url: '/api/sy/getUserListByMenu',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getInstitutionList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getInstitutionList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getUserListByRole(data) {
|
||||
return request({
|
||||
url: '/api/sy/getUserListByRole',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getInstitutionListByRole(data) {
|
||||
return request({
|
||||
url: '/api/sy/getInstitutionListByRole',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addRoleForInstitution(data) {
|
||||
return request({
|
||||
url: '/api/sy/addRoleForInstitution',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteRoleForInstitution(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteRoleForInstitution',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getSystemListByRole(data) {
|
||||
return request({
|
||||
url: '/api/sy/getSystemListByRole',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addRoleForSystem(data) {
|
||||
return request({
|
||||
url: '/api/sy/addRoleForSystem',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteRoleForSystem(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteRoleForSystem',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getMenuListByRole(data) {
|
||||
return request({
|
||||
url: '/api/sy/getMenuListByRole',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addRoleForMenu(data) {
|
||||
return request({
|
||||
url: '/api/sy/addRoleForMenu',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteRoleForMenu(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteRoleForMenu',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addWorkGroup(data) {
|
||||
return request({
|
||||
url: '/api/sy/addWorkGroup',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteWorkGroup(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteWorkGroup',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateWorkGroup(data) {
|
||||
return request({
|
||||
url: '/api/sy/updateWorkGroup',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addWorkGroupUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/addWorkGroupUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteWorkGroupUser(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteWorkGroupUser',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addWorkGroupFz(data) {
|
||||
return request({
|
||||
url: '/api/sy/addWorkGroupFz',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteWorkGroupFz(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteWorkGroupFz',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addWorkGroupZxt(data) {
|
||||
return request({
|
||||
url: '/api/sy/addWorkGroupZxt',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteWorkGroupZxt(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteWorkGroupZxt',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addWorkGroupFunc(data) {
|
||||
return request({
|
||||
url: '/api/sy/addWorkGroupFunc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteWorkGroupFunc(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteWorkGroupFunc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getUserZHBM(data) {
|
||||
return request({
|
||||
url: '/api/sy/getUserZHBM',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getFzList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getFzList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getZxtList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getZxtList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getFuncList(data) {
|
||||
return request({
|
||||
url: '/api/sy/getFuncList',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function getUserListByFunc(data) {
|
||||
return request({
|
||||
url: '/api/sy/getUserListByFunc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function addFunc(data) {
|
||||
return request({
|
||||
url: '/api/sy/addFunc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function deleteFunc(data) {
|
||||
return request({
|
||||
url: '/api/sy/deleteFunc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateFunc(data) {
|
||||
return request({
|
||||
url: '/api/sy/updateFunc',
|
||||
method: 'post',
|
||||
data
|
||||
})
|
||||
}
|
||||
|
||||
@ -0,0 +1,627 @@
|
||||
<template>
|
||||
<!-- 设备产能维护 -->
|
||||
<el-container>
|
||||
<el-header style="width: 100%">
|
||||
<el-form ref="requestForm" :model="request" label-width="80px">
|
||||
<el-row>
|
||||
<el-col :span="8">
|
||||
<el-form-item label="跨位:">
|
||||
<el-select v-model="request.kw" placeholder="跨位" clearable>
|
||||
<el-option
|
||||
v-for="item in kwOptions"
|
||||
:key="item.bm"
|
||||
:value="item.bm"
|
||||
:label="item.bmsm"
|
||||
/>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="4">
|
||||
<!-- <el-form-item label="设备名称:">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="request.sbmc"-->
|
||||
<!-- placeholder="设备名称"-->
|
||||
<!-- clearable-->
|
||||
<!-- />-->
|
||||
<!-- </el-form-item>-->
|
||||
</el-col>
|
||||
<el-col :span="16" style="text-align: right">
|
||||
<el-button type="success" @click="toolbarButtonClickEvent('insert')"
|
||||
>添加</el-button
|
||||
>
|
||||
<el-button type="primary" @click="initList()">查询</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="24" style="text-align: right">
|
||||
<el-button type="danger" @click="toolbarButtonClickEvent('delete')"
|
||||
>删除</el-button
|
||||
>
|
||||
<el-button type="primary" @click="toolbarButtonClickEvent('save')"
|
||||
>保存</el-button
|
||||
>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
</el-header>
|
||||
<el-container style="padding-top: 10px">
|
||||
<el-container>
|
||||
<el-main>
|
||||
<div class="mytable">
|
||||
<vxe-grid
|
||||
id="id"
|
||||
ref="tableRef"
|
||||
border
|
||||
resizable
|
||||
keep-source
|
||||
:height="height"
|
||||
:auto-resize="true"
|
||||
:align="'center'"
|
||||
:columns="tableColumn"
|
||||
:data="list"
|
||||
:custom-config="{ storage: true }"
|
||||
:edit-rules="validRules"
|
||||
:edit-config="{
|
||||
trigger: 'click',
|
||||
mode: 'row',
|
||||
showStatus: true,
|
||||
}"
|
||||
highlight-hover-row
|
||||
@checkbox-all="selectAllEvent"
|
||||
@checkbox-change="selectChangeEvent"
|
||||
>
|
||||
</vxe-grid>
|
||||
</div>
|
||||
</el-main>
|
||||
</el-container>
|
||||
</el-container>
|
||||
</el-container>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {
|
||||
getList,
|
||||
emSbjbbZM,
|
||||
getBMMCBM,
|
||||
save,
|
||||
update,
|
||||
delete1,
|
||||
} from "@/api/sjzx/sbcnWH";
|
||||
export default {
|
||||
name: "sbcnWH",
|
||||
data() {
|
||||
return {
|
||||
request: {
|
||||
kw: "",
|
||||
sbmc: "",
|
||||
},
|
||||
list: [],
|
||||
height: "500px",
|
||||
tableColumn: [
|
||||
{ type: "checkbox", width: "50", align: "center" },
|
||||
{ type: "seq", width: "50", title: "序号", align: "center" },
|
||||
{
|
||||
field: "gx",
|
||||
title: "工序",
|
||||
align: "center",
|
||||
minWidth: "70",
|
||||
editRender: {
|
||||
name: "$select",
|
||||
options: [],
|
||||
props: { clearable: true },
|
||||
},
|
||||
filters: [
|
||||
{
|
||||
data: {
|
||||
checks: [],
|
||||
sVal: "",
|
||||
sMenu: "",
|
||||
fType1: "",
|
||||
fVal1: "",
|
||||
fMode: "and",
|
||||
fType2: "",
|
||||
fVal2: "",
|
||||
},
|
||||
},
|
||||
],
|
||||
filterRender: { name: "FilterCombination" },
|
||||
},
|
||||
{ field: 'kw', title: '跨位', width: 120,
|
||||
editRender: {
|
||||
name: "$select",
|
||||
options: [],
|
||||
props: { clearable: true },
|
||||
},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: '', title: '白班',
|
||||
children:[
|
||||
{ field: 'zxcnBb', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnBb', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: '', title: '夜班',
|
||||
children:[
|
||||
{ field: 'zxcnYb', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnYb', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: 'cndw', title: '产能单位', width: 120,
|
||||
editRender: {
|
||||
name: "$select",
|
||||
options: [],
|
||||
props: { clearable: true },
|
||||
},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'cnhj', title: '合计', width: 120,
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: '', title: '划线白班',
|
||||
children:[
|
||||
{ field: 'zxcnBb1', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnBb1', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: '', title: '划线夜班',
|
||||
children:[
|
||||
{ field: 'zxcnYb1', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnYb1', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: 'cnhj1', title: '合计', width: 120,
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: '', title: '坡口白班',
|
||||
children:[
|
||||
{ field: 'zxcnBb2', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnBb2', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: '', title: '坡口夜班',
|
||||
children:[
|
||||
{ field: 'zxcnYb2', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnYb2', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: 'cndw2', title: '产能单位', width: 120,
|
||||
editRender: {
|
||||
name: "$select",
|
||||
options: [],
|
||||
props: { clearable: true },
|
||||
},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'cnhj2', title: '合计', width: 120,
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: '', title: '打磨白班',
|
||||
children:[
|
||||
{ field: 'zxcnBb3', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnBb3', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: '', title: '打磨夜班',
|
||||
children:[
|
||||
{ field: 'zxcnYb3', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnYb3', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: 'cndw3', title: '产能单位', width: 120,
|
||||
editRender: {
|
||||
name: "$select",
|
||||
options: [],
|
||||
props: { clearable: true },
|
||||
},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'cnhj3', title: '合计', width: 120,
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: '', title: '曲加工白班',
|
||||
children:[
|
||||
{ field: 'zxcnBb4', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnBb4', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: '', title: '曲加工夜班',
|
||||
children:[
|
||||
{ field: 'zxcnYb4', title: '最小产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'zdcnYb4', title: '最大产能', width: 120,editRender: { name: "$input"},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
},
|
||||
{ field: 'cndw4', title: '产能单位', width: 120,
|
||||
editRender: {
|
||||
name: "$select",
|
||||
options: [],
|
||||
props: { clearable: true },
|
||||
},
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
{ field: 'cnhj4', title: '合计', width: 120,
|
||||
filters: [{ data: { checks: [], sVal: '', sMenu: '', fType1: '', fVal1: '', fMode: 'and', fType2: '', fVal2: '' } }],
|
||||
filterRender: { name: 'FilterCombination', },
|
||||
},
|
||||
],
|
||||
validRules: {
|
||||
// sbbh: [{ required: true, message: "设备编号不可为空" }],
|
||||
},
|
||||
kwOptions: [],
|
||||
departmentOptions: [],
|
||||
options: [],
|
||||
sbmcOptions: [],
|
||||
checkedList: [],
|
||||
};
|
||||
},
|
||||
created() {
|
||||
window.addEventListener("resize", this.getHeight);
|
||||
this.getHeight();
|
||||
this.emSbjbbZM("QGKW");
|
||||
this.emSbjbbZM("bmbm");
|
||||
this.getBMMCBM();
|
||||
this.initList();
|
||||
this.initgxList();
|
||||
this.initdwList();
|
||||
},
|
||||
methods: {
|
||||
//工序 xn20231110
|
||||
initgxList(){
|
||||
const dict=window.localStorage.getItem( 'PCGX');
|
||||
const gxList =JSON.parse(dict)
|
||||
this.$nextTick(() => {
|
||||
const tableRef = this.$refs.tableRef;
|
||||
const gx = tableRef.getColumnByField("gx");
|
||||
const testList = [];
|
||||
for (let i = 0; i < gxList.length; i++) {
|
||||
const temp = {
|
||||
label: gxList[i].bmsm,
|
||||
value: gxList[i].bm,
|
||||
};
|
||||
testList.push(temp);
|
||||
}
|
||||
gx.editRender.options = testList;
|
||||
});
|
||||
|
||||
},
|
||||
initdwList(){
|
||||
const dict=window.localStorage.getItem( 'JLDW');
|
||||
const dwList =JSON.parse(dict)
|
||||
this.$nextTick(() => {
|
||||
const tableRef = this.$refs.tableRef;
|
||||
const cndw = tableRef.getColumnByField("cndw");
|
||||
// const cndw1 = tableRef.getColumnByField("cndw1");
|
||||
const cndw2 = tableRef.getColumnByField("cndw2");
|
||||
const cndw3 = tableRef.getColumnByField("cndw3");
|
||||
const cndw4 = tableRef.getColumnByField("cndw4");
|
||||
const testList = [];
|
||||
for (let i = 0; i < dwList.length; i++) {
|
||||
const temp = {
|
||||
label: dwList[i].bmsm,
|
||||
value: dwList[i].bm,
|
||||
};
|
||||
testList.push(temp);
|
||||
}
|
||||
cndw.editRender.options = testList;
|
||||
// cndw1.editRender.options = testList;
|
||||
cndw2.editRender.options = testList;
|
||||
cndw3.editRender.options = testList;
|
||||
cndw4.editRender.options = testList;
|
||||
});
|
||||
|
||||
},
|
||||
// 部门对应设备名称和编号
|
||||
getBMMCBM() {
|
||||
getBMMCBM().then((res) => {
|
||||
if (res.success) {
|
||||
this.options = res.data;
|
||||
}
|
||||
});
|
||||
},
|
||||
// 获取列表接口
|
||||
initList() {
|
||||
getList(this.request).then((res) => {
|
||||
this.list = res.data;
|
||||
this.checkedList = [];
|
||||
if (this.list.length > 0) {
|
||||
this.list.forEach((item) => {
|
||||
item.sbmcDisabled = true;
|
||||
});
|
||||
}
|
||||
});
|
||||
},
|
||||
// 设备信息转码接口
|
||||
emSbjbbZM(params) {
|
||||
emSbjbbZM({
|
||||
bmlb: params,
|
||||
}).then((res) => {
|
||||
const tableRef = this.$refs.tableRef;
|
||||
if (params == "bmbm") {
|
||||
// 所属部门
|
||||
this.departmentOptions = res.data;
|
||||
const sbztText = tableRef.getColumnByField("szcs");
|
||||
const testList = [];
|
||||
for (let i = 0; i < this.departmentOptions.length; i++) {
|
||||
const temp = {
|
||||
label: this.departmentOptions[i].bmsm,
|
||||
value: this.departmentOptions[i].bm,
|
||||
};
|
||||
testList.push(temp);
|
||||
}
|
||||
sbztText.editRender.options = testList;
|
||||
} else if (params == "QGKW") {
|
||||
// 跨位
|
||||
this.kwOptions = res.data;
|
||||
const sbztText = tableRef.getColumnByField("kw");
|
||||
const testList = [];
|
||||
for (let i = 0; i < this.kwOptions.length; i++) {
|
||||
const temp = {
|
||||
label: this.kwOptions[i].bmsm,
|
||||
value: this.kwOptions[i].bm,
|
||||
};
|
||||
testList.push(temp);
|
||||
}
|
||||
sbztText.editRender.options = testList;
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
// 监听选择所属部门
|
||||
changeSzcs(row, id) {
|
||||
console.log(row, id);
|
||||
if (row.row.szcs) {
|
||||
row.row.sbmcDisabled = false;
|
||||
row.row.sbmc = "";
|
||||
row.row.sbbh = "";
|
||||
this.sbmcOptions = [];
|
||||
const testList = [];
|
||||
console.log(this.options, "======");
|
||||
for (let i = 0; i < this.options[id.value].length; i++) {
|
||||
const temp = {
|
||||
label: this.options[id.value][i].sbmc,
|
||||
value: this.options[id.value][i].sbbh,
|
||||
};
|
||||
testList.push(temp);
|
||||
}
|
||||
this.sbmcOptions = testList;
|
||||
} else {
|
||||
row.row.sbmcDisabled = true;
|
||||
row.row.sbmc = "";
|
||||
row.row.sbbh = "";
|
||||
this.sbmcOptions = [];
|
||||
}
|
||||
},
|
||||
// 监听选择设备名称
|
||||
changeSbmc(event, row) {
|
||||
if (row.sbmc) {
|
||||
row.sbbh = event.value;
|
||||
let arr = this.sbmcOptions.filter((item, index) => {
|
||||
if (item.value == event.value) {
|
||||
return item;
|
||||
}
|
||||
});
|
||||
row.sbmc = arr[0].label;
|
||||
} else {
|
||||
row.sbbh = "";
|
||||
}
|
||||
},
|
||||
// 全选
|
||||
selectAllEvent() {
|
||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
||||
this.checkedList = records;
|
||||
},
|
||||
// 单选
|
||||
selectChangeEvent() {
|
||||
const records = this.$refs.tableRef.getCheckboxRecords();
|
||||
this.checkedList = records;
|
||||
},
|
||||
// 操作
|
||||
async toolbarButtonClickEvent(code) {
|
||||
const { insertRecords, removeRecords, updateRecords } =
|
||||
this.$refs.tableRef.getRecordset();
|
||||
switch (code) {
|
||||
case "insert":
|
||||
this.$refs.tableRef.insertAt({ sbmcDisabled: true }, -1);
|
||||
break;
|
||||
case "delete":
|
||||
if (this.checkedList.length > 0) {
|
||||
this.$refs.tableRef.removeCheckboxRow();
|
||||
} else {
|
||||
this.$message.warning("请选择数据！");
|
||||
}
|
||||
break;
|
||||
case "save":
|
||||
const valid = this.$refs.tableRef;
|
||||
if (valid) {
|
||||
const errMap = await valid.validate(true);
|
||||
if (errMap) {
|
||||
return false;
|
||||
} else {
|
||||
// 新增
|
||||
if (insertRecords.length !== 0) {
|
||||
save(insertRecords).then((res) => {
|
||||
if (res.success) {
|
||||
this.list = this.list.concat(insertRecords);
|
||||
const xTable = this.$refs.tableRef;
|
||||
xTable.loadData(this.initList());
|
||||
this.$message({
|
||||
message: "保存成功！",
|
||||
type: "success",
|
||||
});
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
// 修改
|
||||
if (updateRecords.length !== 0) {
|
||||
update(updateRecords).then((res) => {
|
||||
if (res.success) {
|
||||
const xTable = this.$refs.tableRef;
|
||||
xTable.loadData(this.initList());
|
||||
this.$message({ message: "保存成功！", type: "success" });
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
}
|
||||
// 删除
|
||||
if (removeRecords.length !== 0) {
|
||||
delete1(removeRecords).then((res) => {
|
||||
if (res.success) {
|
||||
for (let i = 0; i < this.list.length; i++) {
|
||||
if (removeRecords.indexOf(this.list[i]) !== -1) {
|
||||
this.list.splice(i, 1);
|
||||
i--;
|
||||
}
|
||||
}
|
||||
const xTable = this.$refs.tableRef;
|
||||
xTable.loadData(this.initList());
|
||||
this.$message({ message: "保存成功！", type: "success" });
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
if (removeRecords.length !== 0) {
|
||||
this.$message(
|
||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
||||
);
|
||||
} else {
|
||||
const valid = this.$refs.tableRef;
|
||||
if (valid) {
|
||||
const errMap = await valid.validate(true);
|
||||
if (errMap) {
|
||||
return false;
|
||||
} else {
|
||||
this.$message(
|
||||
`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
break;
|
||||
}
|
||||
},
|
||||
getHeight() {
|
||||
this.height = window.innerHeight - 160;
|
||||
},
|
||||
},
|
||||
};
|
||||
</script>
|
||||
<style lang="scss" scoped>
|
||||
.el-header {
|
||||
margin: 0;
|
||||
padding: 5px 0;
|
||||
height: auto;
|
||||
}
|
||||
.el-container {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
.el-main {
|
||||
padding: 0;
|
||||
}
|
||||
.el-col {
|
||||
padding: 0;
|
||||
}
|
||||
.el-aside {
|
||||
background: #fff;
|
||||
padding: 0;
|
||||
}
|
||||
.el-container {
|
||||
padding: 0;
|
||||
}
|
||||
.el-row {
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.el-row:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
.tableStyles {
|
||||
background: #0a76a4;
|
||||
}
|
||||
.my-dropdown {
|
||||
width: 450px;
|
||||
height: 250px;
|
||||
background-color: #fff;
|
||||
border: 1px solid #dcdfe6;
|
||||
box-shadow: 0 0 6px 2px rgba(0, 0, 0, 0.1);
|
||||
font-size: 12px;
|
||||
}
|
||||
::v-deep .mytable .vxe-input {
|
||||
display: flex !important;
|
||||
}
|
||||
::v-deep .el-form-item {
|
||||
margin-bottom: 0px !important;
|
||||
}
|
||||
::v-deep .el-input {
|
||||
width: auto !important;
|
||||
}
|
||||
</style>
|
||||
@ -0,0 +1,226 @@
|
||||
<template>
|
||||
<el-container>
|
||||
<el-header style="width: 100%">
|
||||
<el-row :gutter="20">
|
||||
<el-col :span="18">
|
||||
<el-col :span="3">
|
||||
<el-input
|
||||
v-model="queryParam.name"
|
||||
placeholder="编码类型"
|
||||
clearable
|
||||
/>
|
||||
</el-col>
|
||||
|
||||
</el-col>
|
||||
<el-col :span="6" style="text-align: right">
|
||||
<el-button type="primary" @click="search">搜索</el-button>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<div style="float:right;">
|
||||
<el-button type="success" @click="toolbarButtonClickEvent('myInsert')">新增</el-button>
|
||||
<el-button type="danger" @click="toolbarButtonClickEvent('myDelete')">删除</el-button>
|
||||
<el-button type="success" @click="toolbarButtonClickEvent('mySave')">保存</el-button>
|
||||
</div>
|
||||
</el-row>
|
||||
|
||||
</el-header>
|
||||
<el-container style="margin-top: 10px">
|
||||
<el-aside width="225px">
|
||||
<el-tree
|
||||
v-loading="isTreeLoading"
|
||||
:default-expanded-keys="['@@@']"
|
||||
:expand-on-click-node="false"
|
||||
node-key="dictCode"
|
||||
:data="treeData"
|
||||
:props="defaultProps"
|
||||
highlight-current
|
||||
@node-click="treeNodeClick"
|
||||
/>
|
||||
</el-aside>
|
||||
<el-main>
|
||||
<div class="mytable">
|
||||
<vxe-grid
|
||||
id="id"
|
||||
ref="xGrid"
|
||||
border
|
||||
resizable
|
||||
keep-source
|
||||
:height="height"
|
||||
:auto-resize="true"
|
||||
:columns="tableColumn"
|
||||
:row-class-name="tableStyle"
|
||||
:data="tableData"
|
||||
:custom-config="{storage: true}"
|
||||
:edit-config="{trigger: 'click', mode: 'row', showStatus: true}"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<!-- :toolbar-config="tableToolbar" @toolbar-button-click="toolbarButtonClickEvent"-->
|
||||
<!-- <tb-filter ref="tbFilter" :list="_tableData" :filter="columnFilter" @execFilter="execFilter"></tb-filter>-->
|
||||
</el-main>
|
||||
</el-container>
|
||||
|
||||
</el-container>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import { getTreeList, add, del, getList, update } from '@/api/sy/xtgl'
|
||||
// import TbFilter from '@/components/TableColumnFilter'
|
||||
|
||||
export default {
|
||||
name: 'Bmgl',
|
||||
// components: { TbFilter },
|
||||
data() {
|
||||
return {
|
||||
|
||||
columnFilter: {},
|
||||
treeId: '',
|
||||
queryParam: {
|
||||
name: ''
|
||||
},
|
||||
treeData: [],
|
||||
isTreeLoading: true,
|
||||
defaultProps: {
|
||||
children: 'children',
|
||||
label: 'label'
|
||||
},
|
||||
tableData: [],
|
||||
// defaultHeight: { height: '' },
|
||||
height: '500px',
|
||||
// tableToolbar: {
|
||||
// buttons: [
|
||||
// { code: 'myInsert', name: '新增' },
|
||||
// { code: 'mySave', name: '保存', status: 'success' },
|
||||
// { code: 'myDelete', name: '删除', status: 'success' },
|
||||
// ],
|
||||
// },
|
||||
tableColumn: [
|
||||
{ type: 'checkbox', width: 50 },
|
||||
{ type: 'seq', width: 60, title: '序号' },
|
||||
{ field: 'itemValue', title: '名称', editRender: { name: 'input' }},
|
||||
{ field: 'itemCode', title: '数据值', editRender: { name: 'input' }},
|
||||
{ field: 'remark', title: '备注', editRender: { name: 'input' }},
|
||||
{ field: 'dictCode', title: '字典编码' },
|
||||
{ field: 'id', visible: false }
|
||||
]
|
||||
}
|
||||
},
|
||||
computed: {
|
||||
_tableData: function() {
|
||||
const resultList = this.tableData
|
||||
if (this.$refs.tbFilter) {
|
||||
return this.$refs.tbFilter.doFilter(this.columnFilter, resultList)
|
||||
}
|
||||
|
||||
return resultList
|
||||
}
|
||||
},
|
||||
created() {
|
||||
window.addEventListener('resize', this.getHeight)
|
||||
|
||||
this.getHeight()
|
||||
this.search()
|
||||
},
|
||||
methods: {
|
||||
|
||||
execFilter(property, vals) {
|
||||
this.$set(this.columnFilter, property, vals)
|
||||
},
|
||||
tableStyle() {
|
||||
return 'tableStyles'
|
||||
},
|
||||
|
||||
search() {
|
||||
getTreeList(this.queryParam).then(response => {
|
||||
this.treeData = response.data
|
||||
this.isTreeLoading = false
|
||||
})
|
||||
},
|
||||
loadData() {
|
||||
getList({ name: this.treeId }).then(response => {
|
||||
this.tableData = response.data
|
||||
})
|
||||
},
|
||||
getHeight() {
|
||||
// this.defaultHeight.height = window.innerHeight - 140 + 'px'
|
||||
this.height = window.innerHeight - 190
|
||||
},
|
||||
treeNodeClick(data) {
|
||||
console.log(data)
|
||||
this.treeId = data.id
|
||||
this.loadData()
|
||||
},
|
||||
async toolbarButtonClickEvent(code) {
|
||||
const {insertRecords, removeRecords, updateRecords} = this.$refs.xGrid.getRecordset()
|
||||
switch (code) {
|
||||
case 'myInsert':
|
||||
if (this.treeId === '' || this.treeId === '@@@') {
|
||||
return
|
||||
}
|
||||
this.$refs.xGrid.insertAt({
|
||||
dictCode: this.treeId
|
||||
}, -1)
|
||||
break
|
||||
case 'myDelete':
|
||||
this.$refs.xGrid.removeCheckboxRow()
|
||||
|
||||
break
|
||||
case 'mySave':
|
||||
|
||||
if (insertRecords.length !== 0) {
|
||||
await add(insertRecords).then(response => {
|
||||
this.tableData = response.data
|
||||
this.loadData()
|
||||
})
|
||||
}
|
||||
if (removeRecords.length !== 0) {
|
||||
const delArr = []
|
||||
removeRecords.forEach(function (value, index) {
|
||||
delArr[index] = value.id
|
||||
})
|
||||
console.log(delArr)
|
||||
|
||||
await del(delArr).then(response => {
|
||||
this.tableData = response.data
|
||||
this.loadData()
|
||||
})
|
||||
}
|
||||
if (updateRecords.length !== 0) {
|
||||
await update(updateRecords).then(response => {
|
||||
// this.tableData=response.data
|
||||
console.log(response)
|
||||
if (response.success) {
|
||||
this.$message({message: '保存成功！', type: 'success'})
|
||||
}
|
||||
this.loadData()
|
||||
})
|
||||
}
|
||||
//修改后需要刷新本地缓存数据
|
||||
this.$store.dispatch('dict/getMapList')
|
||||
this.$message(`新增 ${insertRecords.length} 条，删除 ${removeRecords.length} 条，更新 ${updateRecords.length} 条`)
|
||||
break
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-header{margin:0;padding: 5px;height:auto;}
|
||||
.el-container{padding: 0;margin:0;}
|
||||
.el-main{padding: 0;}
|
||||
.el-col{padding: 0;}
|
||||
.el-aside{background: #fff;padding: 0}
|
||||
.el-container{padding: 0}
|
||||
.el-row {margin-bottom: 5px;}
|
||||
.el-row:last-child {margin-bottom: 0; }
|
||||
|
||||
.tableStyles{
|
||||
background: #0a76a4;
|
||||
}
|
||||
|
||||
</style>
|
||||
Loading…
Reference in new issue