4 changed files with 1374 additions and 118 deletions
-
15src/api/qc/qc.js
-
450src/views/modules/qc/OperationForResource.vue
-
574src/views/modules/qc/PQCResultEntry.vue
-
453src/views/modules/qc/UserDefaultOperation.vue
@ -0,0 +1,450 @@ |
|||
<script> |
|||
import {queryOperationForResourceList, |
|||
saveOperationForResource, |
|||
queytOperationList, |
|||
queryResourceList, |
|||
deleteOperationForResource, |
|||
getSiteAndBuByUserName, |
|||
queryResourceList2 |
|||
} from "@/api/qc/qc.js" |
|||
import codelnotify from "../ecss/codelnotify.vue"; |
|||
export default { |
|||
name: 'OperationForResource', |
|||
data () { |
|||
return { |
|||
queryParams: { |
|||
page: 1, |
|||
pageCount: 50, |
|||
bu:'', |
|||
operation: '', |
|||
resource: '' |
|||
}, |
|||
dataList: [], |
|||
total: 0, |
|||
modalFlag: false, |
|||
resourceFlag:false, |
|||
ifexist:0, |
|||
resourData:{ |
|||
resourceId:'', |
|||
resourceDesc:'' |
|||
}, |
|||
operationList:[], |
|||
resourceList:[], |
|||
userBuList: [], |
|||
modalData: { |
|||
page: 1, |
|||
pageCount: 50, |
|||
operation: '', |
|||
resource:'' |
|||
}, |
|||
columns: [ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101106, |
|||
serialNumber: '200101106Table1Operation', |
|||
tableId: '200101106Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'buDesc', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: 'BU', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101106, |
|||
serialNumber: '200101106Table1Operation', |
|||
tableId: '200101106Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'operation', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '工序编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101106, |
|||
serialNumber: '200101106Table1Operation', |
|||
tableId: '200101106Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'operationDesc', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '工序名称', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101107, |
|||
serialNumber: '200101107Table1Resource', |
|||
tableId: '200101107Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'resource', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '机台编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101107, |
|||
serialNumber: '200101107Table1Resource', |
|||
tableId: '200101107Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'resourceDesc', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '机台名称', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
} |
|||
], |
|||
resourceColomn: [ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101106, |
|||
serialNumber: '200101106Table1Operation', |
|||
tableId: '200101106Table1', |
|||
tableName: '机台基础信息表', |
|||
columnProp: 'resourceId', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '机台编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101106, |
|||
serialNumber: '200101106Table1Operation', |
|||
tableId: '200101106Table1', |
|||
tableName: '机台基础信息表', |
|||
columnProp: 'resourceDesc', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '机台名称', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
} |
|||
] |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
handleQuery () { |
|||
queryOperationForResourceList(this.queryParams).then(({data}) => { |
|||
if (data.code==0||data.code==3) { |
|||
this.dataList = data.rows |
|||
this.total = data.total |
|||
} |
|||
}).catch((errer) => { |
|||
this.$message.error(errer) |
|||
}) |
|||
}, |
|||
// 获取用户的bu |
|||
getSiteAndBuByUserName () { |
|||
let tempData = { |
|||
username: this.$store.state.user.name, |
|||
} |
|||
getSiteAndBuByUserName(tempData).then(({data}) => { |
|||
if (data.code === 0) { |
|||
this.userBuList = data.rows |
|||
} |
|||
}) |
|||
}, |
|||
addDialog () { |
|||
this.modalData = { |
|||
page: 1, |
|||
pageCount: 50, |
|||
resource: '', |
|||
operation:'' |
|||
} |
|||
this.modalFlag = true |
|||
}, |
|||
async saveModalData(){ |
|||
this.ifexist=0 |
|||
if (this.modalData.operation==null ||this.modalData.operation==''){ |
|||
this.$message.warning("工序类别不能为空！") |
|||
return |
|||
} |
|||
if (this.modalData.resource==null ||this.modalData.resource==''){ |
|||
this.$message.warning("机台编码不能为空！") |
|||
return |
|||
} |
|||
await queryOperationForResourceList(this.modalData).then(({data})=>{ |
|||
if (data.code==3){ |
|||
this.$message.warning("该工序和机台存在记录") |
|||
this.ifexist = data.code |
|||
} |
|||
}).catch() |
|||
if (this.ifexist==3){ |
|||
return |
|||
} |
|||
saveOperationForResource(this.modalData).then(({data})=>{ |
|||
if (data.code==0){ |
|||
this.$message.success("保存成功") |
|||
} |
|||
}).catch() |
|||
this.modalFlag = false |
|||
this.handleQuery() |
|||
}, |
|||
queryOperationList(){ |
|||
queytOperationList().then(({data})=>{ |
|||
if (data && data.code === 0) { |
|||
this.operationList = data.rows |
|||
} |
|||
}).catch((error)=>{ |
|||
console.log("失败") |
|||
console.log(error) |
|||
}) |
|||
}, |
|||
queryResourceList(){ |
|||
// 原下拉列表查询 |
|||
// queryResourceList().then(({data})=>{ |
|||
// if (data.code==0){ |
|||
// this.resourceList = data.rows |
|||
// } |
|||
// }).catch() |
|||
this.resourceFlag = true |
|||
queryResourceList2(this.resourData).then(({data}) => { |
|||
if (data.code == 0) { |
|||
this.resourceList = data.rows |
|||
} |
|||
}).catch() |
|||
}, |
|||
getRowData (row) { |
|||
this.modalData.resource = row.resourceId |
|||
this.modalData.resourceDesc = row.resourceDesc |
|||
this.resourceFlag = false |
|||
}, |
|||
deleteData(row){ |
|||
this.$confirm(`确认删除?`, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(()=>{ |
|||
deleteOperationForResource(row).then(({data})=>{ |
|||
if (data.code==0){ |
|||
this.$message.success("删除成功") |
|||
this.handleQuery() |
|||
} |
|||
}).catch() |
|||
}) |
|||
|
|||
} |
|||
}, |
|||
created () { |
|||
// 查询主列表 |
|||
this.handleQuery() |
|||
//查询工序类别信息 |
|||
this.queryOperationList() |
|||
// 获取用户的 site 和 bu |
|||
this.getSiteAndBuByUserName() |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div class="box-container"> |
|||
<!-- 查询条件--> |
|||
<el-form :inline="true" label-position="top" :model="queryParams"> |
|||
<el-form-item :label="'BU'"> |
|||
<el-select v-model="queryParams.bu" placeholder="请选择" clearable style="width: 80px"> |
|||
<el-option |
|||
v-for = "i in userBuList" |
|||
:key = "i.buNo" |
|||
:label = "i.buDesc" |
|||
:value = "i.buNo"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'工序类型'"> |
|||
<!-- <el-input v-model="queryParams.operation" clearable style="width: 120px"></el-input>--> |
|||
<el-select v-model="queryParams.operation" clearable style="width: 120px"> |
|||
<el-option |
|||
v-for = "i in operationList" |
|||
:key = "i.code" |
|||
:label = "i.description" |
|||
:value = "i.code"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'机台'"> |
|||
<el-input v-model="queryParams.resource" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="handleQuery">查询</el-button> |
|||
<el-button type="primary" @click="addDialog()">新增</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<!-- 主表信息--> |
|||
<div style="height: 90%"> |
|||
<el-table :data="dataList" border |
|||
highlight-current-row |
|||
height="100%" ref="table"> |
|||
<el-table-column label="操作" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<a @click="deleteData(scope.row)" type="primary" style="margin-left: 2px">{{'删除'}}</a> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columns" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed===''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<!-- 分页信息--> |
|||
<el-pagination |
|||
style="margin-top: 5px" |
|||
:current-page="queryParams.page" |
|||
:page-sizes="[50, 100, 500, 1000]" |
|||
:page-size="queryParams.pageCount" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
|
|||
<!-- 新增数据dialog--> |
|||
<el-dialog title="新增记录" :visible.sync="modalFlag" width="495px"> |
|||
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> |
|||
<el-form-item label="BU" prop="bu"> |
|||
<el-select v-model="modalData.bu" placeholder="请选择" style="width: 221px"> |
|||
<el-option |
|||
v-for = "i in userBuList" |
|||
:key = "i.buNo" |
|||
:label = "i.sitename" |
|||
:value = "i.buNo"> |
|||
<span style="float: left;width: 100px">{{ i.sitename }}</span> |
|||
<span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px"> |
|||
{{ i.buDesc }} |
|||
</span> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'工序类型'"> |
|||
<el-select v-model="modalData.operation" style="width: 221px"> |
|||
<el-option |
|||
v-for = "i in operationList" |
|||
:key = "i.code" |
|||
:label = "i.description" |
|||
:value = "i.code"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'机台编码'"> |
|||
<span style="cursor: pointer" slot="label" @click="queryResourceList"><a>机台编码</a></span> |
|||
<el-input v-model="modalData.resource" readonly style="width: 100px"></el-input> |
|||
<!-- <el-select v-model="modalData.resource" filterable style="width: 100px">--> |
|||
<!-- <el-option--> |
|||
<!-- v-for = "i in resourceList"--> |
|||
<!-- :key = "i.resourceId"--> |
|||
<!-- :label = "i.resourceDesc"--> |
|||
<!-- :value = "i.resourceId">--> |
|||
<!-- </el-option>--> |
|||
<!-- </el-select>--> |
|||
</el-form-item> |
|||
<el-form-item :label="'机台名称'"> |
|||
<el-input v-model="modalData.resourceDesc" disabled style="width: 342px"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
|||
<el-button type="primary" @click="saveModalData()">保 存</el-button> |
|||
<el-button @click="modalFlag = false">取 消</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
<!-- 新增时机台选择dialog--> |
|||
<el-dialog title="用户" :close-on-click-modal="false" v-drag :visible.sync="resourceFlag" width="520px"> |
|||
<div class="rq"> |
|||
<el-form :inline="true" label-position="top" :model="resourData"> |
|||
<el-form-item :label="'机台编码'"> |
|||
<el-input v-model="resourData.resourceId" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'机台名称'"> |
|||
<el-input v-model="resourData.resourceDesc" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-button type="primary" @click="queryResourceList">查询</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table |
|||
:height="300" |
|||
:data="resourceList" |
|||
@row-dblclick="getRowData" |
|||
border |
|||
style="width: 100%;"> |
|||
<el-table-column |
|||
v-for="(item,index) in resourceColomn" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
|||
<el-button type="primary" @click="resourceFlag=false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
|
|||
</div> |
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
@ -0,0 +1,453 @@ |
|||
<script> |
|||
import {queryUserDefaultOperationList, |
|||
saveUserDefaultOperation, |
|||
queryUserDefaultOperationListByUsername, |
|||
queytOperationList, |
|||
deleteUserDefaultOperation, |
|||
getSiteAndBuByUserName, |
|||
getAllUserList |
|||
} from "@/api/qc/qc.js" |
|||
import {getAllBuList} from "../../../api/factory/site"; |
|||
export default { |
|||
name: 'userDefaultOpetation', |
|||
data () { |
|||
return { |
|||
queryParams: { |
|||
page: 1, |
|||
pageCount: 50, |
|||
username: '', |
|||
operation: '', |
|||
bu: '' |
|||
}, |
|||
operationList:[], |
|||
dataList: [], |
|||
userBuList: [], |
|||
total: 0, |
|||
modalFlag: false, |
|||
modalData: { |
|||
username: '', |
|||
operation:'', |
|||
bu: '', |
|||
}, |
|||
userFlag:false, |
|||
userData:{ |
|||
username:'', |
|||
userDisplay:'' |
|||
}, |
|||
userDataList:[], |
|||
ifUsernameExist: 0, |
|||
columns: [ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101107, |
|||
serialNumber: '200101107Table1Bu', |
|||
tableId: '200101107Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'buDesc', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: 'BU', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101106, |
|||
serialNumber: '200101106Table1Username', |
|||
tableId: '200101106Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'username', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '用户名', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101106, |
|||
serialNumber: '200101106Table1Username', |
|||
tableId: '200101106Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'userDisplay', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '名称', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101107, |
|||
serialNumber: '200101107Table1Operation', |
|||
tableId: '200101107Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'operation', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '工序编码', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101107, |
|||
serialNumber: '200101107Table1Operation', |
|||
tableId: '200101107Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'operationDesc', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '工序名称', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
} |
|||
], |
|||
userColomn: [ |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101107, |
|||
serialNumber: '200101107Table1Bu', |
|||
tableId: '200101107Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'username', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '用户名', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
}, |
|||
{ |
|||
userId: this.$store.state.user.name, |
|||
functionId: 200101106, |
|||
serialNumber: '200101106Table1Username', |
|||
tableId: '200101106Table1', |
|||
tableName: '用户默认工序设置表', |
|||
columnProp: 'userDisplay', |
|||
headerAlign: 'center', |
|||
align: 'center', |
|||
columnLabel: '描述', |
|||
columnHidden: false, |
|||
columnImage: false, |
|||
columnSortable: false, |
|||
sortLv: 0, |
|||
status: true, |
|||
fixed: '', |
|||
columnWidth: 80 |
|||
} |
|||
] |
|||
|
|||
} |
|||
}, |
|||
methods: { |
|||
handleQuery () { |
|||
queryUserDefaultOperationList(this.queryParams).then(({data}) => { |
|||
if (data.code == 0) { |
|||
this.dataList = data.rows |
|||
this.total = data.total |
|||
} |
|||
}).catch((errer) => { |
|||
this.$message.error(errer) |
|||
}) |
|||
}, |
|||
async handleQueryByUsername () { |
|||
let json = { |
|||
username: this.modalData.username |
|||
} |
|||
await queryUserDefaultOperationListByUsername(json).then(({data})=>{ |
|||
this.ifUsernameExist = data.code |
|||
}) |
|||
}, |
|||
// 获取用户的bu |
|||
getSiteAndBuByUserName () { |
|||
let tempData = { |
|||
username: this.$store.state.user.name, |
|||
} |
|||
getSiteAndBuByUserName(tempData).then(({data}) => { |
|||
if (data.code === 0) { |
|||
this.userBuList = data.rows |
|||
} |
|||
}) |
|||
}, |
|||
async saveModalData(){ |
|||
let data = this.modalData |
|||
if (data.username==null||data.username==''){ |
|||
this.$message.warning("用户名不能为空！") |
|||
return |
|||
}else { |
|||
await this.handleQueryByUsername() |
|||
if (this.ifUsernameExist==2){ |
|||
this.$message.warning("此用户名已经存在记录") |
|||
return |
|||
} |
|||
} |
|||
if (data.operation==null||data.operation==''){ |
|||
this.$message.warning("工序类型不能为空！") |
|||
return |
|||
} |
|||
if (data.bu==null||data.bu==''){ |
|||
this.$message.warning("BU不能为空！") |
|||
return |
|||
} |
|||
saveUserDefaultOperation(data).then(({data})=>{ |
|||
if (data.code == 0){ |
|||
this.$message.success("保存成功") |
|||
this.handleQuery() |
|||
} |
|||
this.modalFlag = false |
|||
}).catch((error)=>{ |
|||
this.$message.error(error) |
|||
}) |
|||
}, |
|||
queryOperationList(){ |
|||
queytOperationList().then(({data})=>{ |
|||
if (data && data.code === 0) { |
|||
this.operationList = data.rows |
|||
} |
|||
}).catch((error)=>{ |
|||
console.log("失败") |
|||
console.log(error) |
|||
}) |
|||
}, |
|||
deleteData(row){ |
|||
this.$confirm(`确认删除?`, '提示', { |
|||
confirmButtonText: '确定', |
|||
cancelButtonText: '取消', |
|||
type: 'warning' |
|||
}).then(()=>{ |
|||
deleteUserDefaultOperation(row).then(({data})=>{ |
|||
if (data.code==0){ |
|||
this.$message.success("删除成功") |
|||
this.handleQuery() |
|||
} |
|||
}).catch() |
|||
}) |
|||
|
|||
}, |
|||
// 获取用户选择列表 |
|||
queryUserList () { |
|||
getAllUserList(this.userData).then(({data}) => { |
|||
if (data && data.code === 0) { |
|||
this.userDataList = data.rows |
|||
this.userFlag = true |
|||
}else { |
|||
this.$alert(data.msg, '错误', { |
|||
confirmButtonText: '确定' |
|||
}) |
|||
} |
|||
}) |
|||
}, |
|||
addmoadl(){ |
|||
this.modalData = { |
|||
username: '', |
|||
operation:'', |
|||
bu: '', |
|||
} |
|||
this.ifUsernameExist = 0 |
|||
this.modalFlag = true |
|||
}, |
|||
getRowData (row) { |
|||
this.modalData.username = row.username |
|||
this.modalData.userDisplay = row.userDisplay |
|||
this.userFlag = false |
|||
}, |
|||
}, |
|||
created () { |
|||
// 查询主列表 |
|||
this.handleQuery() |
|||
// 获取bu列表 |
|||
this.getSiteAndBuByUserName() |
|||
this.queryOperationList() |
|||
} |
|||
} |
|||
</script> |
|||
|
|||
<template> |
|||
<div class="box-container"> |
|||
<!-- 查询条件--> |
|||
<el-form :inline="true" label-position="top" :model="queryParams"> |
|||
<el-form-item :label="'BU'"> |
|||
<el-select v-model="queryParams.bu" placeholder="请选择" clearable> |
|||
<el-option |
|||
v-for = "i in userBuList" |
|||
:key = "i.buNo" |
|||
:label = "i.buDesc" |
|||
:value = "i.buNo"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'用户名'"> |
|||
<el-input v-model="queryParams.username" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'工序类型'"> |
|||
<!-- <el-input v-model="queryParams.operation" clearable style="width: 120px"></el-input>--> |
|||
<el-select v-model="queryParams.operation" clearable style="width: 120px"> |
|||
<el-option |
|||
v-for = "i in operationList" |
|||
:key = "i.code" |
|||
:label = "i.description" |
|||
:value = "i.code"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item label=" "> |
|||
<el-button type="primary" @click="handleQuery">查询</el-button> |
|||
<el-button type="primary" @click="addmoadl()">新增</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<!-- 主表信息--> |
|||
<div style="height: 90%"> |
|||
<el-table :data="dataList" border |
|||
highlight-current-row |
|||
height="100%" ref="table"> |
|||
<el-table-column label="操作" align="center" width="100"> |
|||
<template slot-scope="scope"> |
|||
<a @click="deleteData(scope.row)" type="primary" style="margin-left: 2px">{{'删除'}}</a> |
|||
</template> |
|||
</el-table-column> |
|||
<el-table-column |
|||
v-for="(item,index) in columns" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed===''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<!-- 分页信息--> |
|||
<el-pagination |
|||
style="margin-top: 5px" |
|||
:current-page="queryParams.page" |
|||
:page-sizes="[50, 100, 500, 1000]" |
|||
:page-size="queryParams.pageCount" |
|||
:total="total" |
|||
layout="total, sizes, prev, pager, next, jumper"> |
|||
</el-pagination> |
|||
|
|||
<!-- 新增数据dialog--> |
|||
<el-dialog title="新增记录" :visible.sync="modalFlag" width="495px"> |
|||
<el-form :inline="true" label-position="top" :model="modalData" style="margin-left: 7px;margin-top: -5px;"> |
|||
<el-form-item label="BU" prop="bu"> |
|||
<el-select v-model="modalData.bu" placeholder="请选择" style="width: 221px"> |
|||
<el-option |
|||
v-for = "i in userBuList" |
|||
:key = "i.buNo" |
|||
:label = "i.sitename" |
|||
:value = "i.buNo"> |
|||
<span style="float: left;width: 100px">{{ i.sitename }}</span> |
|||
<span style="float: right; color: #8492a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; font-size: 11px;width: 60px"> |
|||
{{ i.buDesc }} |
|||
</span> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'工序类型'"> |
|||
<el-select v-model="modalData.operation" style="width: 221px"> |
|||
<el-option |
|||
v-for = "i in operationList" |
|||
:key = "i.code" |
|||
:label = "i.description" |
|||
:value = "i.code"> |
|||
</el-option> |
|||
</el-select> |
|||
</el-form-item> |
|||
<el-form-item :label="'用户名'"> |
|||
<span style="cursor: pointer" slot="label" @click="queryUserList"><a>用户名</a></span> |
|||
<el-input v-model="modalData.username" readonly style="width: 221px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'名称'"> |
|||
<el-input v-model="modalData.userDisplay" disabled style="width: 221px"></el-input> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
|||
<el-button type="primary" @click="saveModalData()">保 存</el-button> |
|||
<el-button @click="modalFlag = false">取 消</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
|
|||
<!-- 用户选择dialog--> |
|||
<el-dialog title="用户" :close-on-click-modal="false" v-drag :visible.sync="userFlag" width="520px"> |
|||
<div class="rq"> |
|||
<el-form :inline="true" label-position="top" :model="userData"> |
|||
<el-form-item :label="'用户名'"> |
|||
<el-input v-model="userData.username" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="'描述'"> |
|||
<el-input v-model="userData.userDisplay" clearable style="width: 120px"></el-input> |
|||
</el-form-item> |
|||
<el-form-item :label="' '"> |
|||
<el-button type="primary" @click="queryUserList">查询</el-button> |
|||
</el-form-item> |
|||
</el-form> |
|||
<el-table |
|||
:height="300" |
|||
:data="userDataList" |
|||
@row-dblclick="getRowData" |
|||
border |
|||
style="width: 100%;"> |
|||
<el-table-column |
|||
v-for="(item,index) in userColomn" :key="index" |
|||
:sortable="item.columnSortable" |
|||
:prop="item.columnProp" |
|||
:header-align="item.headerAlign" |
|||
:show-overflow-tooltip="item.showOverflowTooltip" |
|||
:align="item.align" |
|||
:fixed="item.fixed==''?false:item.fixed" |
|||
:min-width="item.columnWidth" |
|||
:label="item.columnLabel"> |
|||
<template slot-scope="scope"> |
|||
<span v-if="!item.columnHidden">{{scope.row[item.columnProp]}}</span> |
|||
<span v-if="item.columnImage"><img :src="scope.row[item.columnProp]" style="width: 100px; height: 80px"/></span> |
|||
</template> |
|||
</el-table-column> |
|||
</el-table> |
|||
</div> |
|||
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
|||
<el-button type="primary" @click="userFlag=false">关闭</el-button> |
|||
</el-footer> |
|||
</el-dialog> |
|||
|
|||
</div> |
|||
|
|||
|
|||
|
|||
</template> |
|||
|
|||
<style scoped> |
|||
|
|||
</style> |
|||
Write
Preview
Loading…
Cancel
Save
Reference in new issue