yfy
3 years ago
10 changed files with 5377 additions and 1 deletions
-
82src/api/qc/qc.js
-
1src/views/modules/common/Chooselist_eam.vue
-
311src/views/modules/qc/qcCheckOutMethod.vue
-
917src/views/modules/qc/qcCheckOutModel.vue
-
621src/views/modules/qc/qcFamily.vue
-
271src/views/modules/qc/qcInformation.vue
-
371src/views/modules/qc/qcInspector.vue
-
884src/views/modules/qc/qcItemMaintenance.vue
-
784src/views/modules/qc/qcMasterInformationModel.vue
-
1136src/views/modules/qc/qcResultEntry.vue
@ -0,0 +1,82 @@ |
|||||
|
import { createAPI } from "@/utils/httpRequest.js"; |
||||
|
|
||||
|
// ===================================== 检验方法 =====================================
|
||||
|
export const qcCheckOutMethodSearch = data => createAPI(`/pms/qc/qcCheckOutMethodSearch`,'post',data) |
||||
|
export const qcCheckOutMethodSave = data => createAPI(`/pms/qc/qcCheckOutMethodSave`,'post',data) |
||||
|
export const qcCheckOutMethodUpdate = data => createAPI(`/pms/qc/qcCheckOutMethodUpdate`,'post',data) |
||||
|
export const qcCheckOutMethodDelete = data => createAPI(`/pms/qc/qcCheckOutMethodDelete`,'post',data) |
||||
|
|
||||
|
|
||||
|
// ===================================== 检验项目 =====================================
|
||||
|
export const qcCheckOutItemSearch = data => createAPI(`/pms/qc/qcCheckOutItemSearch`,'post',data) |
||||
|
export const qcCheckOutItemSave = data => createAPI(`/pms/qc/qcCheckOutItemSave`,'post',data) |
||||
|
export const qcCheckOutItemUpdate = data => createAPI(`/pms/qc/qcCheckOutItemUpdate`,'post',data) |
||||
|
export const qcCheckOutItemDelete = data => createAPI(`/pms/qc/qcCheckOutItemDelete`,'post',data) |
||||
|
export const searchItemAvailable = data => createAPI(`/pms/qc/searchItemAvailable`,'post',data) |
||||
|
export const saveItemAvailable = data => createAPI(`/pms/qc/saveItemAvailable`,'post',data) |
||||
|
export const deleteItemAvailable = data => createAPI(`/pms/qc/deleteItemAvailable`,'post',data) |
||||
|
export const searchItemDetails = data => createAPI(`/pms/qc/searchItemDetails`,'post',data) |
||||
|
export const deleteItemDetails = data => createAPI(`/pms/qc/deleteItemDetails`,'post',data) |
||||
|
export const saveItemDetails = data => createAPI(`/pms/qc/saveItemDetails`,'post',data) |
||||
|
|
||||
|
|
||||
|
// ===================================== 检验模板 =====================================
|
||||
|
export const qcCheckOutModelSearch = data => createAPI(`/pms/qc/qcCheckOutModelSearch`,'post',data) |
||||
|
export const qcCheckOutModelSave = data => createAPI(`/pms/qc/qcCheckOutModelSave`,'post',data) |
||||
|
export const qcCheckOutModelUpdate = data => createAPI(`/pms/qc/qcCheckOutModelUpdate`,'post',data) |
||||
|
export const qcCheckOutModelDelete = data => createAPI(`/pms/qc/qcCheckOutModelDelete`,'post',data) |
||||
|
export const searchModalDetails = data => createAPI(`/pms/qc/searchModalDetails`,'post',data) |
||||
|
export const saveModalDetails = data => createAPI(`/pms/qc/saveModalDetails`,'post',data) |
||||
|
export const deleteModalDetails = data => createAPI(`/pms/qc/deleteModalDetails`,'post',data) |
||||
|
export const getItemLists= data => createAPI(`/pms/qc/getItemLists`,'post',data) |
||||
|
|
||||
|
// ===================================== 检验分类 =====================================
|
||||
|
export const qcFamilySearch = data => createAPI(`/pms/qc/qcFamilySearch`,'post',data) |
||||
|
export const qcFamilySave = data => createAPI(`/pms/qc/qcFamilySave`,'post',data) |
||||
|
export const qcFamilyUpdate = data => createAPI(`/pms/qc/qcFamilyUpdate`,'post',data) |
||||
|
export const qcFamilyDelete = data => createAPI(`/pms/qc/qcFamilyDelete`,'post',data) |
||||
|
export const saveFamilyDetails = data => createAPI(`/pms/qc/saveFamilyDetails`,'post',data) |
||||
|
export const searchFamilyDetails = data => createAPI(`/pms/qc/searchFamilyDetails`,'post',data) |
||||
|
export const deleteFamilyDetails = data => createAPI(`/pms/qc/deleteFamilyDetails`,'post',data) |
||||
|
|
||||
|
// ===================================== 检验录入 =====================================
|
||||
|
export const qcInspectionInformationSearch = data => createAPI(`/pms/qc/qcInspectionInformationSearch`,'post',data) |
||||
|
export const modalCodeBlur = data => createAPI(`/pms/qc/modalCodeBlur`,'post',data) |
||||
|
export const qcInspectionInformationSave = data => createAPI(`/pms/qc/qcInspectionInformationSave`,'post',data) |
||||
|
export const masterInformationSearch = data => createAPI(`/pms/qc/masterInformationSearch`,'post',data) |
||||
|
export const saveMasterInformationValue = data => createAPI(`/pms/qc/saveMasterInformationValue`,'post',data) |
||||
|
export const searchModelTree = data => createAPI(`/pms/qc/searchModelTree`,'post',data) |
||||
|
export const detailInformationSearch = data => createAPI(`/pms/qc/detailInformationSearch`,'post',data) |
||||
|
export const saveDetailInformation = data => createAPI(`/pms/qc/saveDetailInformation`,'post',data) |
||||
|
export const qcInspectionInformationDelete = data => createAPI(`/pms/qc/qcInspectionInformationDelete`,'post',data) |
||||
|
|
||||
|
|
||||
|
// ===================================== 主记录栏信息 =====================================
|
||||
|
export const searchMasterInformation = data => createAPI(`/pms/qc/searchMasterInformation`,'post',data) |
||||
|
export const saveMasterInformation = data => createAPI(`/pms/qc/saveMasterInformation`,'post',data) |
||||
|
export const getInformationLists = data => createAPI(`/pms/qc/getInformationLists`,'post',data) |
||||
|
export const deleteMasterInformation = data => createAPI(`/pms/qc/deleteMasterInformation`,'post',data) |
||||
|
export const qcMasterInformationModelDelete = data => createAPI(`/pms/qc/qcMasterInformationModelDelete`,'post',data) |
||||
|
|
||||
|
|
||||
|
// ===================================== 主记录栏信息 =====================================
|
||||
|
export const qcInformationSearch = data => createAPI(`/pms/qc/qcInformationSearch`,'post',data) |
||||
|
export const qcInformationSave = data => createAPI(`/pms/qc/qcInformationSave`,'post',data) |
||||
|
export const qcInformationUpdate = data => createAPI(`/pms/qc/qcInformationUpdate`,'post',data) |
||||
|
export const qcInformationDelete = data => createAPI(`/pms/qc/qcInformationDelete`,'post',data) |
||||
|
|
||||
|
|
||||
|
// ===================================== 质检员信息 =====================================
|
||||
|
export const inspectorSearch = data => createAPI(`/pms/qc/inspectorSearch`,'post',data) |
||||
|
export const inspectorSave = data => createAPI(`/pms/qc/inspectorSave`,'post',data) |
||||
|
export const inspectorUpdate = data => createAPI(`/pms/qc/inspectorUpdate`,'post',data) |
||||
|
export const inspectorDelete = data => createAPI(`/pms/qc/inspectorDelete`,'post',data) |
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
|
|
||||
@ -0,0 +1,311 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'检验方法编码'"> |
||||
|
<el-input v-model="searchData.methodNo" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验方法名称'"> |
||||
|
<el-input v-model="searchData.methodName" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button type="primary" @click="addModal()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="deleteEamPropertiesItem(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="检验方法" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="检验方法编码:"> |
||||
|
<el-input v-model="modalData.methodNo" :disabled="modalDisableFlag" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验方法名称:"> |
||||
|
<el-input v-model="modalData.methodName" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="检验方法说明:"> |
||||
|
<el-input v-model="modalData.methodRemark" style="width: 254px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
qcCheckOutMethodSearch, |
||||
|
qcCheckOutMethodSave, |
||||
|
qcCheckOutMethodUpdate, |
||||
|
qcCheckOutMethodDelete, |
||||
|
} from "@/api/qc/qc.js" |
||||
|
export default { |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.methodNo = this.searchData.methodNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
methodData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.methodData.methodNo = this.methodData.methodNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.methodNo = this.modalData.methodNo.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
searchData: { |
||||
|
methodNo: '', |
||||
|
methodName: '', |
||||
|
methodType: 'D' |
||||
|
}, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
dataListLoading: false, |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
methodData: { |
||||
|
methodNo: '', |
||||
|
valueNo: '', |
||||
|
availableValue: '', |
||||
|
methodType: 'D', |
||||
|
createdBy: this.$store.state.user.name |
||||
|
}, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
methodNo: '', |
||||
|
methodName: '', |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
methodRemark: '', |
||||
|
methodType: 'D' |
||||
|
}, |
||||
|
// 标头展示 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemID', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'methodNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '检验方法编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'methodName', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '检验方法名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemRemark', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'methodRemark', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '检验方法说明', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
created () { |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 查询获取数据列表 |
||||
|
getDataList () { |
||||
|
qcCheckOutMethodSearch(this.searchData).then(({data}) => { |
||||
|
this.dataList = data.rows |
||||
|
}) |
||||
|
}, |
||||
|
// 新增按钮 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
methodNo: '', |
||||
|
methodName: '', |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
methodRemark: '', |
||||
|
methodType: 'D' |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 修改按钮 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
methodNo: row.methodNo, |
||||
|
methodName: row.methodName, |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
methodRemark: row.methodRemark, |
||||
|
methodType: 'D' |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 删除方法 |
||||
|
deleteEamPropertiesItem (row) { |
||||
|
this.$confirm(`是否删除这个点检方法?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
qcCheckOutMethodDelete(row).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/修改方法 |
||||
|
saveData () { |
||||
|
if (this.modalData.methodNo == '' || this.modalData.methodNo == null) { |
||||
|
this.$alert('请输入检验方法编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.methodName == '' || this.modalData.methodName == null) { |
||||
|
this.$alert('请输入检验方法名称！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.flag == '1') { // 新增 |
||||
|
qcCheckOutMethodSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { // 修改 |
||||
|
qcCheckOutMethodUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,917 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'检验模板编码'"> |
||||
|
<el-input v-model="searchData.codeNo" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验模板名称'"> |
||||
|
<el-input v-model="searchData.codeDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否在用'"> |
||||
|
<el-select filterable v-model="searchData.active" style="width: 130px"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button @click="getDataList()">查询</el-button> |
||||
|
<el-button type="primary" @click="addModal()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="detailModal(scope.row)">检验项目</a> |
||||
|
<a type="text" size="small" @click="deletePropertiesModel(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 分页栏 --> |
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[20, 50, 100, 1000]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 检验模板新增/修改 --> |
||||
|
<el-dialog title="检验模板" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="检验模板编码:"> |
||||
|
<el-input v-model="modalData.codeNo" :disabled="modalDisableFlag" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验模板名称:"> |
||||
|
<el-input v-model="modalData.codeDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否在用:"> |
||||
|
<el-select filterable v-model="modalData.active" style="width: 120px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验项目 --> |
||||
|
<el-dialog title="检验项目清单" :close-on-click-modal="false" v-drag :visible.sync="detailModelFlag" width="830px"> |
||||
|
<el-form :inline="true" label-position="top" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'检验模板编码'"> |
||||
|
<el-input v-model="detailData.codeNo" readonly style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验模板名称'"> |
||||
|
<el-input v-model="detailData.codeDesc" readonly style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="addDetailModal()">新增</el-button> |
||||
|
<el-button type="primary" @click="addFastModal()">快速新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!-- 检验项目展示列表 --> |
||||
|
<el-table |
||||
|
:height="300" |
||||
|
:data="detailList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnDetailList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="130" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" v-if="scope.row.valueChooseFlag=='Y'" @click="chooseModal(scope.row)">可选值</a> |
||||
|
<a type="text" size="small" @click="deleteModalDetails(scope.row)">删除项目</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
</el-table> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="detailModelFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验项目->新增 --> |
||||
|
<el-dialog title="添加项目" :close-on-click-modal="false" v-drag :visible.sync="addDetailModalFlag" width="300px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item > |
||||
|
<span slot="label" style="" @click="getBaseList(1034)"><a herf="#">检验项目编码</a></span> |
||||
|
<el-input v-model="detailData.itemNo" @blur="itemNoBlur" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验项目名称:"> |
||||
|
<el-input v-model="detailData.itemDesc" disabled style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveModalDetails()">保存</el-button> |
||||
|
<el-button type="primary" @click="addDetailModalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验项目->快速新增 --> |
||||
|
<el-dialog title="快速添加" @close="refreshDetailList" :close-on-click-modal="false" v-drag :visible.sync="fastAddFlag" width="800px"> |
||||
|
<div style="font-size: 12px"> |
||||
|
检验模板编码：<el-input v-model="detailData.codeNo" readonly style="width: 120px"></el-input> |
||||
|
检验模板名称：<el-input v-model="detailData.codeDesc" readonly style="width: 120px"></el-input> |
||||
|
</div> |
||||
|
<el-container style="margin-top: -12px;"> |
||||
|
<el-main style="width: 300px"> |
||||
|
<span style="font-size: 12px" >可选项目：</span> |
||||
|
<el-table |
||||
|
height="300px" |
||||
|
:data="itemList1" |
||||
|
border |
||||
|
@row-click="clickItem1" |
||||
|
highlight-current-row |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
prop="itemNo" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="110" |
||||
|
label="项目编码"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="itemDesc" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="170" |
||||
|
label="项目名称"> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-main> |
||||
|
<el-main style="width: 100px"> |
||||
|
<div style="margin-top: 100px"> |
||||
|
<el-button type="primary" @click="addItem()">添加>></el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 20px"> |
||||
|
<el-button type="primary" @click="deleteItem()">删除<<</el-button> |
||||
|
</div> |
||||
|
</el-main> |
||||
|
<el-main style="width: 300px"> |
||||
|
<span style="font-size: 12px" >已有项目：</span> |
||||
|
<el-table |
||||
|
height="300px" |
||||
|
:data="itemList2" |
||||
|
border |
||||
|
@row-click="clickItem2" |
||||
|
highlight-current-row |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
prop="itemNo" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="110" |
||||
|
label="项目编码"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="itemDesc" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="170" |
||||
|
label="项目名称"> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-main> |
||||
|
</el-container> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="fastAddFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验项目->可选值 --> |
||||
|
<el-dialog title="可选值" :close-on-click-modal="false" v-drag :visible.sync="chooseModalFlag" width="350px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="检验项目名称:"> |
||||
|
<el-input v-model="chooseModalData.itemDesc" disabled style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检测值类型'"> |
||||
|
<el-select filterable v-model="chooseModalData.valueTypeDb" disabled style="width: 120px"> |
||||
|
<el-option label="文本" value="T"></el-option> |
||||
|
<el-option label="数字" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table |
||||
|
:height="300" |
||||
|
:data="chooseTableData" |
||||
|
border |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
prop="availableValue" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="200" |
||||
|
label="属性值"> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="chooseModalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
qcCheckOutModelSearch, |
||||
|
qcCheckOutModelSave, |
||||
|
qcCheckOutModelUpdate, |
||||
|
qcCheckOutModelDelete, |
||||
|
searchItemAvailable, |
||||
|
searchModalDetails, |
||||
|
saveModalDetails, |
||||
|
deleteModalDetails, |
||||
|
qcCheckOutItemSearch, // 搜索项目 |
||||
|
getItemLists // 获取项目列表 |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import Chooselist from '@/views/modules/common/Chooselist_eam' |
||||
|
export default { |
||||
|
components: { |
||||
|
Chooselist |
||||
|
}, |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.codeNo = this.searchData.codeNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
itemData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.itemData.itemNo = this.itemData.itemNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.codeNo = this.modalData.codeNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
detailData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.detailData.codeNo = this.detailData.codeNo.toUpperCase() |
||||
|
this.detailData.itemNo = this.detailData.itemNo.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
tagNo:'', |
||||
|
searchData: { |
||||
|
codeNo: '', |
||||
|
codeDesc: '', |
||||
|
active:'', |
||||
|
functionType:'D', |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
}, |
||||
|
height: 200, |
||||
|
pageIndex: 1, |
||||
|
pageSize: 100, |
||||
|
totalPage: 0, |
||||
|
addDetailModalFlag:false, |
||||
|
modalFlag:false, |
||||
|
modalDisableFlag:false, |
||||
|
modalData:{ |
||||
|
flag:'', |
||||
|
codeNo:'', |
||||
|
codeDesc:'', |
||||
|
active:'', |
||||
|
functionType:'D', |
||||
|
userId:this.$store.state.user.name |
||||
|
}, |
||||
|
detailData:{ |
||||
|
codeNo:'', |
||||
|
codeDesc:'', |
||||
|
functionType:'D', |
||||
|
itemNo:'', |
||||
|
itemDesc:'', |
||||
|
itemType:'D', |
||||
|
userId:this.$store.state.user.name |
||||
|
}, |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003TableCodeNo', |
||||
|
tableId: "301003Table", |
||||
|
tableName: "检验模板表", |
||||
|
columnProp: 'codeNo', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验模板编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003TableCodeDesc', |
||||
|
tableId: "301003Table", |
||||
|
tableName: "检验模板表", |
||||
|
columnProp: 'codeDesc', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验模板名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003TableActive', |
||||
|
tableId: "301003Table", |
||||
|
tableName: "检验模板表", |
||||
|
columnProp: 'active', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '在用', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 40, |
||||
|
}, |
||||
|
], |
||||
|
detailModelFlag:false, |
||||
|
detailList: [], |
||||
|
chooseTableData:[], |
||||
|
dataListLoading: false, |
||||
|
dataListSelections: [], |
||||
|
|
||||
|
// modalDisableFlag:false, |
||||
|
chooseModalFlag:false, |
||||
|
itemFlag:'text', |
||||
|
itemData:{ |
||||
|
itemNo:'', |
||||
|
valueNo:'', |
||||
|
availableValue:'', |
||||
|
itemType:'D', |
||||
|
createdBy: this.$store.state.user.name |
||||
|
}, |
||||
|
dataList:[], |
||||
|
departmentList:[], |
||||
|
// 展示列集 |
||||
|
columnDetailList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003Table2EamPropertiesItemID', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "检验项目表", |
||||
|
columnProp: 'itemNo', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验项目编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 90, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003Table2EamPropertiesItemDesc', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "检验项目表", |
||||
|
columnProp: 'itemDesc', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验项目名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 90, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003Table2ValueType', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "检验项目表", |
||||
|
columnProp: 'valueType', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检测值类型', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 70, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003Table2DefaultValue', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "检验项目表", |
||||
|
columnProp: 'defaultValue', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '参照值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 70, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003Table2MaxValue', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "检验项目表", |
||||
|
columnProp: 'maxValue', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '最大值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 70, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003Table2MinValue', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "检验项目表", |
||||
|
columnProp: 'minValue', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '最小值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 70, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003TableValueChooseFlag', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "common", |
||||
|
columnProp: 'valueChooseFlag', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '是否值可选', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 70, |
||||
|
}, |
||||
|
], |
||||
|
levelList:[], |
||||
|
chooseModalData:{ |
||||
|
itemNo: '', |
||||
|
itemDesc: '', |
||||
|
itemType:'D', |
||||
|
valueTypeDb:'', |
||||
|
}, |
||||
|
// 快速添加 |
||||
|
fastAddFlag:false, |
||||
|
itemList1:[], |
||||
|
itemList2:[], |
||||
|
itemListRow1:{}, |
||||
|
itemListRow2:{}, |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 210 |
||||
|
}) |
||||
|
}, |
||||
|
created () { |
||||
|
this.getDataList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取基础数据列表S |
||||
|
getBaseList (val,type) { |
||||
|
this.tagNo = val |
||||
|
this.$nextTick(() => { |
||||
|
let strVal = '' |
||||
|
if (val === 1034) { |
||||
|
strVal = this.detailData.itemNo |
||||
|
} |
||||
|
this.$refs.baseList.init(val, strVal) |
||||
|
}) |
||||
|
}, |
||||
|
/* 列表方法的回调 */ |
||||
|
getBaseData (val) { |
||||
|
if (this.tagNo === 1034) { |
||||
|
this.detailData.itemNo = val.ItemNo |
||||
|
this.detailData.itemDesc = val.ItemDesc |
||||
|
} |
||||
|
}, |
||||
|
// 获取数据列表 |
||||
|
getDataList () { |
||||
|
this.searchData.limit = this.pageSize |
||||
|
this.searchData.page = this.pageIndex |
||||
|
qcCheckOutModelSearch(this.searchData).then(({data}) => { |
||||
|
if (data.code == 0) { |
||||
|
this.dataList = data.page.list |
||||
|
this.pageIndex = data.page.currPage |
||||
|
this.pageSize = data.page.pageSize |
||||
|
this.totalPage = data.page.totalCount |
||||
|
} |
||||
|
this.dataListLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
// 每页数 |
||||
|
sizeChangeHandle (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 当前页 |
||||
|
currentChangeHandle (val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
addModal(){ |
||||
|
this.modalData={ |
||||
|
flag:'1', |
||||
|
codeNo:'', |
||||
|
codeDesc:'', |
||||
|
active:'Y', |
||||
|
functionType:'D', |
||||
|
userId:this.$store.state.user.name |
||||
|
}; |
||||
|
this.modalDisableFlag=false; |
||||
|
this.modalFlag=true; |
||||
|
}, |
||||
|
updateModal(row){ |
||||
|
this.modalData={ |
||||
|
flag:'2', |
||||
|
codeNo:row.codeNo, |
||||
|
codeDesc:row.codeDesc, |
||||
|
active:row.active, |
||||
|
functionType:'D', |
||||
|
userId:this.$store.state.user.name |
||||
|
}; |
||||
|
this.modalDisableFlag=true; |
||||
|
this.modalFlag=true; |
||||
|
}, |
||||
|
// 删除 |
||||
|
deletePropertiesModel (row) { |
||||
|
this.$confirm(`是否删除这个检验模板?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
qcCheckOutModelDelete(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
saveData(){ |
||||
|
if (this.modalData.codeNo == '' || this.modalData.codeNo == null) { |
||||
|
this.$alert('请输入检验模板编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.codeDesc == '' || this.modalData.codeDesc == null) { |
||||
|
this.$alert('请输入检验模板名称！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.active == '' || this.modalData.active == null) { |
||||
|
this.$alert('选择是否在用！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if(this.modalData.flag=='1'){ |
||||
|
qcCheckOutModelSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag=false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}else { |
||||
|
qcCheckOutModelUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag=false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
//打开检验项目清单 |
||||
|
detailModal(row){ |
||||
|
this.detailData.codeNo = row.codeNo |
||||
|
this.detailData.codeDesc = row.codeDesc |
||||
|
searchModalDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.detailModelFlag = true; |
||||
|
}, |
||||
|
|
||||
|
// 普通新增 |
||||
|
addDetailModal(){ |
||||
|
this.detailData.itemNo = ''; |
||||
|
this.detailData.itemDesc = ''; |
||||
|
this.addDetailModalFlag = true; |
||||
|
}, |
||||
|
|
||||
|
// 快速新增 |
||||
|
addFastModal(){ |
||||
|
this.itemListRow2 = null |
||||
|
this.itemListRow1 = null |
||||
|
getItemLists(this.detailData).then(({data}) => { |
||||
|
this.itemList1 = data.row1; |
||||
|
this.itemList2 = data.row2; |
||||
|
}) |
||||
|
this.fastAddFlag = true; |
||||
|
}, |
||||
|
|
||||
|
clickItem1(row){ |
||||
|
this.itemListRow1 = JSON.parse(JSON.stringify(row)); |
||||
|
}, |
||||
|
clickItem2(row){ |
||||
|
this.itemListRow2 = JSON.parse(JSON.stringify(row)); |
||||
|
}, |
||||
|
// 添加项目 |
||||
|
addItem(){ |
||||
|
if(this.itemListRow1==null){ |
||||
|
this.$alert("请选择可选项目！", '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false; |
||||
|
} |
||||
|
let inData={ |
||||
|
codeNo:this.detailData.codeNo, |
||||
|
codeDesc:this.detailData.codeDesc, |
||||
|
functionType:this.detailData.functionType, |
||||
|
itemNo: this.itemListRow1.itemNo, |
||||
|
itemDesc:this.itemListRow1.itemDesc, |
||||
|
itemType:this.detailData.itemType, |
||||
|
userId:this.$store.state.user.name |
||||
|
} |
||||
|
saveModalDetails(inData).then(({data}) => { |
||||
|
if (data && data.code == 0) { |
||||
|
getItemLists(this.detailData).then(({data}) => { |
||||
|
this.itemList1=data.row1; |
||||
|
this.itemList2=data.row2; |
||||
|
}) |
||||
|
this.itemListRow1=null |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 删除项目 |
||||
|
deleteItem(){ |
||||
|
if(this.itemListRow2 == null){ |
||||
|
this.$alert("请选择已选项目！", '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false; |
||||
|
} |
||||
|
let inData = { |
||||
|
codeNo:this.detailData.codeNo, |
||||
|
codeDesc:this.detailData.codeDesc, |
||||
|
functionType:this.detailData.functionType, |
||||
|
itemNo: this.itemListRow2.itemNo, |
||||
|
itemDesc:this.itemListRow2.itemDesc, |
||||
|
itemType:this.detailData.itemType, |
||||
|
userId:this.$store.state.user.name |
||||
|
} |
||||
|
deleteModalDetails(inData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
getItemLists(this.detailData).then(({data}) => { |
||||
|
this.itemList1 = data.row1; |
||||
|
this.itemList2 = data.row2; |
||||
|
}) |
||||
|
this.itemListRow2 = null |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 关闭后刷新列表 |
||||
|
refreshDetailList(){ |
||||
|
searchModalDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 保存模板中的项目明细 |
||||
|
saveModalDetails(){ |
||||
|
if(this.detailData.itemNo == "" || this.detailData.itemNo == null){ |
||||
|
this.$alert('请选择检验项目编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
saveModalDetails(this.detailData).then(({data}) => { |
||||
|
if (data && data.code == 0) { |
||||
|
searchModalDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.addDetailModalFlag=false; |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
itemNoBlur(){ |
||||
|
let inData={ |
||||
|
itemType:'D', |
||||
|
itemNo:this.detailData.itemNo |
||||
|
} |
||||
|
qcCheckOutItemSearch(inData).then(({data}) => { |
||||
|
if(data.rows.length>0){ |
||||
|
this.detailData.itemDesc = data.rows[0].itemDesc |
||||
|
}else { |
||||
|
this.detailData.itemDesc='' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 删除模板中的项目 |
||||
|
deleteModalDetails(row){ |
||||
|
console.log(row) |
||||
|
this.$confirm(`是否删除这个检验项目?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
deleteModalDetails(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
searchModalDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
chooseModal(row){ |
||||
|
this.chooseModalData.itemNo=row.itemNo; |
||||
|
this.chooseModalData.itemDesc=row.itemDesc; |
||||
|
this.chooseModalData.valueTypeDb=row.valueTypeDb; |
||||
|
searchItemAvailable(this.chooseModalData).then(({data}) => { |
||||
|
this.chooseTableData = data.rows |
||||
|
}) |
||||
|
this.chooseModalFlag=true; |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,621 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'工厂编码'"> |
||||
|
<el-input v-model="searchData.site" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'分类编码'"> |
||||
|
<el-input v-model="searchData.familyID" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'分类名称'"> |
||||
|
<el-input v-model="searchData.familyDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否在用'"> |
||||
|
<el-select filterable v-model="searchData.active" style="width: 130px"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button @click="getDataList()">查询</el-button> |
||||
|
<el-button type="primary" @click="addModal()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
|
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="detailFamily(scope.row)">检验模板</a> |
||||
|
<a type="text" size="small" @click="deleteFamily(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[20, 50, 100, 1000]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 新增/修改分类 --> |
||||
|
<el-dialog title="检验分类" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="分类编码:"> |
||||
|
<el-input v-model="modalData.familyID" :disabled="modalDisableFlag" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="分类名称:"> |
||||
|
<el-input v-model="modalData.familyDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否在用:"> |
||||
|
<el-select filterable v-model="modalData.active" style="width: 120px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验模板 --> |
||||
|
<el-dialog title="检验模板清单" :close-on-click-modal="false" v-drag :visible.sync="detailFamilyFlag" width="830px"> |
||||
|
<el-form :inline="true" label-position="top" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'检验分类编码'"> |
||||
|
<el-input v-model="detailData.familyID" readonly style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验分类名称'"> |
||||
|
<el-input v-model="detailData.familyDesc" readonly style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="addDetailFamily()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!-- 检验模板展示列表 --> |
||||
|
<el-table |
||||
|
:height="300" |
||||
|
:data="detailList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnDetailList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="130" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="deleteFamilyDetails(scope.row)">删除模板</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="detailFamilyFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验模板->新增 --> |
||||
|
<el-dialog title="添加项目" :close-on-click-modal="false" v-drag :visible.sync="addDetailFamilyFlag" width="300px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item > |
||||
|
<span slot="label" style="" @click="getBaseList(1035)"><a herf="#">检验模板编码</a></span> |
||||
|
<el-input v-model="detailData.codeNo" @blur="modelNoBlur" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验模板名称:"> |
||||
|
<el-input v-model="detailData.codeDesc" disabled style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveFamilyDetails()">保存</el-button> |
||||
|
<el-button type="primary" @click="addDetailFamilyFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
qcFamilySearch, |
||||
|
qcFamilySave, |
||||
|
qcFamilyUpdate, |
||||
|
qcFamilyDelete, |
||||
|
qcCheckOutModelSearch, // 查询模板集合 |
||||
|
saveFamilyDetails, // 新增类别中的模板明细 |
||||
|
searchFamilyDetails, // 查询类别中的模板详情 |
||||
|
deleteFamilyDetails // 删除分类中的模板 |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import Chooselist from '@/views/modules/common/Chooselist_eam' |
||||
|
export default { |
||||
|
components: { |
||||
|
Chooselist |
||||
|
}, |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.familyID = this.searchData.familyID.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.familyID = this.modalData.familyID.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
tagNo:'', |
||||
|
searchData: { |
||||
|
site: this.$store.state.user.site, |
||||
|
familyID: '', |
||||
|
familyDesc: '', |
||||
|
active: 'Y', |
||||
|
familyType:'D', |
||||
|
page: 1, |
||||
|
limit: 10 |
||||
|
}, |
||||
|
detailData: { |
||||
|
familyID:'', |
||||
|
familyDesc:'', |
||||
|
familyType:'D', |
||||
|
codeNo:'', |
||||
|
codeDesc:'', |
||||
|
functionType:'D', |
||||
|
userId:this.$store.state.user.name |
||||
|
}, |
||||
|
height: 200, |
||||
|
pageIndex: 1, |
||||
|
pageSize: 100, |
||||
|
totalPage: 0, |
||||
|
dataList: [], |
||||
|
detailList: [], |
||||
|
dataListLoading: false, |
||||
|
dataListSelections: [], |
||||
|
modalFlag:false, |
||||
|
modalDisableFlag:false, |
||||
|
detailFamilyFlag:false, |
||||
|
addDetailFamilyFlag:false, |
||||
|
modalData:{ |
||||
|
flag:'', |
||||
|
site: this.$store.state.user.site, |
||||
|
familyID:'', |
||||
|
familyDesc:'', |
||||
|
active:'', |
||||
|
familyType:'D', |
||||
|
}, |
||||
|
departmentList:[], |
||||
|
// 展示列集 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301004, |
||||
|
serialNumber: '301004TableSite', |
||||
|
tableId: "301004Table", |
||||
|
tableName: "common", |
||||
|
columnProp: 'site', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '工厂编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 80 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301004, |
||||
|
serialNumber: '301004TableFamilyID', |
||||
|
tableId: "301004Table", |
||||
|
tableName: "common", |
||||
|
columnProp: 'familyID', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '分类编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301004, |
||||
|
serialNumber: '301004TableFamilyDesc', |
||||
|
tableId: "301004Table", |
||||
|
tableName: "common", |
||||
|
columnProp: 'familyDesc', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '分类名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301004, |
||||
|
serialNumber: '301004TableActive', |
||||
|
tableId: "301004Table", |
||||
|
tableName: "common", |
||||
|
columnProp: 'active', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '是否在用', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 40 |
||||
|
} |
||||
|
], |
||||
|
columnDetailList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301004, |
||||
|
serialNumber: '301004Table2CodeNo', |
||||
|
tableId: "301004Table2", |
||||
|
tableName: "检验模板表", |
||||
|
columnProp: 'codeNo', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验模板编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 90, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301004, |
||||
|
serialNumber: '301004Table2CodeDesc', |
||||
|
tableId: "301004Table2", |
||||
|
tableName: "检验模板表", |
||||
|
columnProp: 'codeDesc', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验模板名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 90, |
||||
|
} |
||||
|
], |
||||
|
levelList:[] |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 210 |
||||
|
}) |
||||
|
}, |
||||
|
created () { |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
methods: { |
||||
|
|
||||
|
// 获取基础数据列表 |
||||
|
getBaseList (val,type) { |
||||
|
this.tagNo = val |
||||
|
this.$nextTick(() => { |
||||
|
let strVal = '' |
||||
|
if (val === 1035) { |
||||
|
strVal = this.detailData.codeNo |
||||
|
} |
||||
|
this.$refs.baseList.init(val, strVal) |
||||
|
}) |
||||
|
}, |
||||
|
/* 列表方法的回调 */ |
||||
|
getBaseData (val) { |
||||
|
if (this.tagNo === 1035) { |
||||
|
this.detailData.codeNo = val.code_no |
||||
|
this.detailData.codeDesc = val.code_desc |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 点击查询模板集合 |
||||
|
modelNoBlur(){ |
||||
|
let inData={ |
||||
|
functionType:'D', |
||||
|
codeNo:this.detailData.codeNo |
||||
|
} |
||||
|
qcCheckOutModelSearch(inData).then(({data}) => { |
||||
|
if(data.rows.length>0){ |
||||
|
this.detailData.codeDesc = data.rows[0].codeDesc |
||||
|
}else { |
||||
|
this.detailData.codeDesc='' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 保存分类中的模板明细 |
||||
|
saveFamilyDetails(){ |
||||
|
if(this.detailData.codeNo == "" || this.detailData.codeNo == null){ |
||||
|
this.$alert('请选择检验模板编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
saveFamilyDetails(this.detailData).then(({data}) => { |
||||
|
if (data && data.code == 0) { |
||||
|
searchFamilyDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.addDetailFamilyFlag = false; |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 删除分类中的模板 |
||||
|
deleteFamilyDetails(row){ |
||||
|
console.log(row) |
||||
|
this.$confirm(`是否删除这个检验模板?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
deleteFamilyDetails(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
searchFamilyDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取数据列表 |
||||
|
getDataList () { |
||||
|
this.searchData.limit = this.pageSize |
||||
|
this.searchData.page = this.pageIndex |
||||
|
qcFamilySearch(this.searchData).then(({data}) => { |
||||
|
if (data.code == 0) { |
||||
|
this.dataList = data.page.list |
||||
|
this.pageIndex = data.page.currPage |
||||
|
this.pageSize = data.page.pageSize |
||||
|
this.totalPage = data.page.totalCount |
||||
|
} |
||||
|
this.dataListLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
// 每页数 |
||||
|
sizeChangeHandle (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 当前页 |
||||
|
currentChangeHandle (val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 多选 |
||||
|
selectionChangeHandle (val) { |
||||
|
this.dataListSelections = val |
||||
|
}, |
||||
|
|
||||
|
//打开检验模板清单 |
||||
|
detailFamily(row){ |
||||
|
this.detailData.familyID = row.familyID |
||||
|
this.detailData.familyDesc = row.familyDesc |
||||
|
searchFamilyDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.detailFamilyFlag = true; |
||||
|
}, |
||||
|
|
||||
|
addDetailFamily(){ |
||||
|
console.log(this.detailData) |
||||
|
this.detailData.codeNo = ''; |
||||
|
this.detailData.codeDesc = ''; |
||||
|
this.addDetailFamilyFlag = true; |
||||
|
}, |
||||
|
|
||||
|
// 新增检验分类 |
||||
|
addModal(){ |
||||
|
this.modalData={ |
||||
|
flag:'1', |
||||
|
site: this.$store.state.user.site, |
||||
|
familyID:'', |
||||
|
familyDesc:'', |
||||
|
active:'', |
||||
|
familyType:'D' |
||||
|
}; |
||||
|
this.modalDisableFlag = false; |
||||
|
this.modalFlag = true; |
||||
|
}, |
||||
|
|
||||
|
// 修改检验分类 |
||||
|
updateModal(row){ |
||||
|
this.modalData = { |
||||
|
flag:'2', |
||||
|
site: row.site, |
||||
|
familyID:row.familyID, |
||||
|
familyDesc:row.familyDesc, |
||||
|
active:row.active, |
||||
|
familyType:'D' |
||||
|
}; |
||||
|
this.modalDisableFlag = true; |
||||
|
this.modalFlag = true; |
||||
|
}, |
||||
|
|
||||
|
// 删除检验分类 |
||||
|
deleteFamily (row) { |
||||
|
this.$confirm(`是否删除这个分类?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
qcFamilyDelete(row).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 执行新增/修改方法 |
||||
|
saveData(){ |
||||
|
if (this.modalData.familyID == '' || this.modalData.familyID == null) { |
||||
|
this.$alert('请输入分类编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.familyDesc == '' || this.modalData.familyDesc == null) { |
||||
|
this.$alert('请输入分类名称！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.active == '' || this.modalData.active == null) { |
||||
|
this.$alert('选择是否在用！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if(this.modalData.flag == '1'){ |
||||
|
qcFamilySave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}else { |
||||
|
qcFamilyUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,271 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'主记录信息编码'"> |
||||
|
<el-input v-model="searchData.informationNo" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'主记录信息名称'"> |
||||
|
<el-input v-model="searchData.informationName" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button type="primary" @click="addModal()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="deleteModal(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="主记录信息" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="主记录信息编码:"> |
||||
|
<el-input v-model="modalData.informationNo" :disabled="modalDisableFlag" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="主记录信息名称:"> |
||||
|
<el-input v-model="modalData.informationName" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
qcInformationSearch, // 搜索信息 |
||||
|
qcInformationSave, // 新增信息 |
||||
|
qcInformationUpdate, // 修改信息 |
||||
|
qcInformationDelete, // 删除信息 |
||||
|
} from "@/api/qc/qc.js" |
||||
|
export default { |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.methodNo = this.searchData.methodNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.methodNo = this.modalData.methodNo.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
searchData: { |
||||
|
informationNo: '', |
||||
|
informationName: '', |
||||
|
informationType: 'E' |
||||
|
}, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
dataListLoading: false, |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
informationNo: '', |
||||
|
informationName: '', |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
informationType: 'E' |
||||
|
}, |
||||
|
// 标头展示 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemID', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'informationNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '主记录信息编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'informationName', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '主记录信息名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
created () { |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 查询获取数据列表 |
||||
|
getDataList () { |
||||
|
qcInformationSearch(this.searchData).then(({data}) => { |
||||
|
this.dataList = data.rows |
||||
|
}) |
||||
|
}, |
||||
|
// 新增按钮 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
informationNo: '', |
||||
|
informationName: '', |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
informationType: 'E' |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 修改按钮 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
informationNo: row.informationNo, |
||||
|
informationName: row.informationName, |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
informationType: 'E' |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 删除方法 |
||||
|
deleteModal (row) { |
||||
|
this.$confirm(`是否删除这个点检方法?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
qcInformationDelete(row).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/修改方法 |
||||
|
saveData () { |
||||
|
if (this.modalData.informationNo == '' || this.modalData.informationNo == null) { |
||||
|
this.$alert('请输入检验方法编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.informationName == '' || this.modalData.informationName == null) { |
||||
|
this.$alert('请输入检验方法名称！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.flag == '1') { // 新增 |
||||
|
qcInformationSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { // 修改 |
||||
|
qcInformationUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,371 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'质检员工号'"> |
||||
|
<el-input v-model="searchData.inspectorNo" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'质检员姓名'"> |
||||
|
<el-input v-model="searchData.inspectorName" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'所处检验工序'"> |
||||
|
<el-input v-model="searchData.inspectorType" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否在岗'"> |
||||
|
<el-select filterable v-model="searchData.inspectorActive" style="width: 120px"> |
||||
|
<el-option label="请选择" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button type="primary" @click="addModal()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="deleteModal(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="质检员信息" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="质检员工号:"> |
||||
|
<el-input v-model="modalData.inspectorNo" :disabled="modalDisableFlag" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="质检员姓名:"> |
||||
|
<el-input v-model="modalData.inspectorName" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="质检员电话:"> |
||||
|
<el-input v-model="modalData.inspectorPhone" type="number" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'所处检验工序'"> |
||||
|
<el-input v-model="modalData.inspectorType" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否在岗'"> |
||||
|
<el-select filterable v-model="modalData.inspectorActive" style="width: 120px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
inspectorSearch, // 搜索质检员信息 |
||||
|
inspectorSave, // 新增质检员信息 |
||||
|
inspectorUpdate, // 修改质检员信息 |
||||
|
inspectorDelete, // 删除质检员信息 |
||||
|
} from "@/api/qc/qc.js" |
||||
|
export default { |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.inspectorNo = this.searchData.inspectorNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.inspectorNo = this.modalData.inspectorNo.toUpperCase() |
||||
|
this.modalData.inspectorType = this.modalData.inspectorType.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
searchData: { |
||||
|
inspectorNo: '', |
||||
|
inspectorName: '', |
||||
|
inspectorPhone: '', |
||||
|
inspectorType: '', |
||||
|
inspectorActive: '' |
||||
|
}, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
dataListLoading: false, |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
inspectorNo: '', |
||||
|
inspectorName: '', |
||||
|
inspectorPhone: '', |
||||
|
inspectorType: '', |
||||
|
inspectorActive: '' |
||||
|
}, |
||||
|
// 标头展示 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemID', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '质检员工号', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorName', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '质检员姓名', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorPhone', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '质检员电话', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorType', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '所处检验工序', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'inspectorActive', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '是否在岗', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
} |
||||
|
] |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
created () { |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 查询获取数据列表 |
||||
|
getDataList () { |
||||
|
inspectorSearch(this.searchData).then(({data}) => { |
||||
|
this.dataList = data.rows |
||||
|
}) |
||||
|
}, |
||||
|
// 新增按钮 |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
inspectorNo: '', |
||||
|
inspectorName: '', |
||||
|
inspectorPhone: '', |
||||
|
inspectorType: '', |
||||
|
inspectorActive: '' |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 修改按钮 |
||||
|
updateModal (row) { |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
inspectorNo: row.inspectorNo, |
||||
|
inspectorName: row.inspectorName, |
||||
|
inspectorPhone: row.inspectorPhone, |
||||
|
inspectorType: row.inspectorType, |
||||
|
inspectorActive: row.inspectorActive |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 删除方法 |
||||
|
deleteModal (row) { |
||||
|
this.$confirm(`是否删除这个质检员信息?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
inspectorDelete(row).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
// 新增/修改方法 |
||||
|
saveData () { |
||||
|
if (this.modalData.inspectorNo == '' || this.modalData.inspectorNo == null) { |
||||
|
this.$alert('请输入质检员工号！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.inspectorName == '' || this.modalData.inspectorName == null) { |
||||
|
this.$alert('请输入质检员姓名！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.inspectorPhone == '' || this.modalData.inspectorPhone == null) { |
||||
|
this.$alert('请输入质检员电话！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.inspectorType == '' || this.modalData.inspectorType == null) { |
||||
|
this.$alert('请输入质检员职责！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.inspectorActive == '' || this.modalData.inspectorActive == null) { |
||||
|
this.$alert('请选择质检员是否在岗！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.flag == '1') { // 新增 |
||||
|
inspectorSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { // 修改 |
||||
|
inspectorUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,884 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
|
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'检验项目编码'"> |
||||
|
<el-input v-model="searchData.itemNo" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验项目名称'"> |
||||
|
<el-input v-model="searchData.itemDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="getDataList()">查询</el-button> |
||||
|
<el-button type="primary" @click="addModal()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<!-- <a type="text" size="small" @click="detailModal(scope.row)">检验方法</a>--> |
||||
|
<a type="text" size="small" @click="deleteEamPropertiesItem(scope.row)">删除</a> |
||||
|
<a type="text" size="small" v-if="scope.row.valueChooseFlag=='Y'" @click="chooseModal(scope.row)">可选值</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 新增和修改 --> |
||||
|
<el-dialog title="检验项目" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
|
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="检验项目编码:"> |
||||
|
<el-input v-model="modalData.itemNo" :disabled="modalDisableFlag" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验项目名称:"> |
||||
|
<el-input v-model="modalData.itemDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验值类型'"> |
||||
|
<el-select filterable v-model="modalData.valueTypeDb" style="width: 120px"> |
||||
|
<el-option label="文本" value="T"></el-option> |
||||
|
<el-option label="数字" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item > |
||||
|
<span slot="label" style="" @click="getBaseList(1036)"><a herf="#">检验方法编码</a></span> |
||||
|
<el-input v-model="modalData.methodNo" @blur="itemNoBlur" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验方法名称:"> |
||||
|
<el-input v-model="modalData.methodName" disabled style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'是否值可选'"> |
||||
|
<el-select filterable v-model="modalData.valueChooseFlag" style="width: 120px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="参照值:"> |
||||
|
<el-input v-model="modalData.defaultValue" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="最大值:"> |
||||
|
<el-input v-model="modalData.maxValue" type="number" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="最小值:"> |
||||
|
<el-input v-model="modalData.minValue" type="number" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 操作->可选值 --> |
||||
|
<el-dialog title="可选值" :close-on-click-modal="false" v-drag :visible.sync="chooseModalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="检验项目名称:"> |
||||
|
<el-input v-model="chooseModalData.itemDesc" disabled style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验值类型'"> |
||||
|
<el-select filterable v-model="chooseModalData.valueTypeDb" disabled style="width: 120px"> |
||||
|
<el-option label="文本" value="T"></el-option> |
||||
|
<el-option label="数字" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="addChooseModal()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-table |
||||
|
:height="300" |
||||
|
:data="chooseTableData" |
||||
|
border |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
prop="availableValue" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="200" |
||||
|
label="属性值"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
min-width="100" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateChooseModal(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="deleteItemAvailable(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验方法 --> |
||||
|
<el-dialog title="检验方法清单" :close-on-click-modal="false" v-drag :visible.sync="detailModelFlag" width="830px"> |
||||
|
<el-form :inline="true" label-position="top" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'检验项目编码'"> |
||||
|
<el-input v-model="detailData.itemNo" readonly style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'检验项目名称'"> |
||||
|
<el-input v-model="detailData.itemDesc" readonly style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="addItemMethods()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!-- 检验方法展示列表 --> |
||||
|
<el-table |
||||
|
:height="300" |
||||
|
:data="detailList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnDetailList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="130" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="deleteItemDetails(scope.row)">删除方法</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="detailModelFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验方法->新增 --> |
||||
|
<el-dialog title="添加方法" :close-on-click-modal="false" v-drag :visible.sync="addItemMethodFlag" width="300px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item > |
||||
|
<span slot="label" style="" @click="getBaseList(1036)"><a herf="#">检验方法编码</a></span> |
||||
|
<el-input v-model="detailData.methodNo" @blur="itemNoBlur" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="检验方法名称:"> |
||||
|
<el-input v-model="detailData.methodName" disabled style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveItemDetails()">保存</el-button> |
||||
|
<el-button type="primary" @click="addItemMethodFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 可选值->新增/修改可选值 --> |
||||
|
<el-dialog title="可选值维护" :close-on-click-modal="false" v-drag :visible.sync="itemModalFlag" width="215px" > |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 22px;margin-top: -5px;" @submit.native.prevent> |
||||
|
<el-form-item :label="'可选值：'"> |
||||
|
<el-input v-model="itemData.availableValue" :type="itemFlag" style="width: 130px;"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveItemAvailable()">保存</el-button> |
||||
|
<el-button type="primary" @click="itemModalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
qcCheckOutItemSearch, // 查询项目 |
||||
|
qcCheckOutItemSave, // 新增项目 |
||||
|
qcCheckOutItemUpdate, // 修改项目 |
||||
|
qcCheckOutItemDelete, // 删除项目 |
||||
|
searchItemAvailable, // 搜索项目的可选值 |
||||
|
saveItemAvailable, // 新增项目的可选值 |
||||
|
deleteItemAvailable, // 删除项目的可选值 |
||||
|
searchItemDetails, // 检查项目里的方法详情 |
||||
|
deleteItemDetails, // 删除项目里的方法详情 |
||||
|
qcCheckOutMethodSearch, // 查询方法 |
||||
|
saveItemDetails // 新增项目中的方法明细 |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import Chooselist from '@/views/modules/common/Chooselist_eam' |
||||
|
export default { |
||||
|
components: { |
||||
|
Chooselist |
||||
|
}, |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.itemNo = this.searchData.itemNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
itemData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.itemData.itemNo = this.itemData.itemNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.itemNo = this.modalData.itemNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
chooseModalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.chooseModalData.itemNo = this.chooseModalData.itemNo.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
searchData: { |
||||
|
itemNo: '', |
||||
|
itemDesc: '', |
||||
|
itemType: 'D' |
||||
|
}, |
||||
|
height: 200, |
||||
|
dataList: [], |
||||
|
chooseTableData: [], |
||||
|
dataListLoading: false, |
||||
|
dataListSelections: [], |
||||
|
modalFlag: false, |
||||
|
modalDisableFlag: false, |
||||
|
chooseModalFlag: false, |
||||
|
itemModalFlag: false, |
||||
|
detailModelFlag:false, |
||||
|
addItemMethodFlag:false, |
||||
|
itemFlag: 'text', |
||||
|
itemData: { |
||||
|
itemNo: '', |
||||
|
valueNo: '', |
||||
|
availableValue: '', |
||||
|
itemType: 'D', |
||||
|
createdBy: this.$store.state.user.name |
||||
|
}, |
||||
|
modalData: { |
||||
|
flag: '', |
||||
|
itemNo: '', |
||||
|
itemDesc: '', |
||||
|
valueTypeDb: '', |
||||
|
defaultValue: '', |
||||
|
valueChooseFlag: '', |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
maxValue: '', |
||||
|
minValue: '', |
||||
|
itemRemark: '', |
||||
|
itemType: 'D', |
||||
|
methodNo:'', |
||||
|
methodName:'' |
||||
|
}, |
||||
|
detailData:{ |
||||
|
itemNo:'', |
||||
|
itemDesc:'', |
||||
|
itemType:'D', |
||||
|
methodNo:'', |
||||
|
methodName:'', |
||||
|
methodType:'D', |
||||
|
createdBy:this.$store.state.user.name |
||||
|
}, |
||||
|
departmentList: [], |
||||
|
// 检验项目展示标头 |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemID', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'itemNo', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '检验项目编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemDesc', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'itemDesc', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '检验项目名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableEamPropertiesItemRemark', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'itemRemark', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '检验方法说明', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableValueType', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'valueType', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '检验值类型', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableDefaultValue', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'defaultValue', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '参照值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableMaxValue', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'maxValue', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '最大值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableMinValue', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'minValue', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '最小值', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 101008, |
||||
|
serialNumber: '101008TableValueChooseFlag', |
||||
|
tableId: '101008Table', |
||||
|
tableName: 'common', |
||||
|
columnProp: 'valueChooseFlag', |
||||
|
headerAlign: 'center', |
||||
|
align: 'left', |
||||
|
columnLabel: '是否值可选', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 100 |
||||
|
} |
||||
|
], |
||||
|
// 检验方法展示标头 |
||||
|
columnDetailList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301002, |
||||
|
serialNumber: '301002Table2EamPropertiesItemID', |
||||
|
tableId: "301002Table2", |
||||
|
tableName: "检验方法表", |
||||
|
columnProp: 'methodNo', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验方法编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 90, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301002, |
||||
|
serialNumber: '301002Table2EamPropertiesItemDesc', |
||||
|
tableId: "301002Table2", |
||||
|
tableName: "检验方法表", |
||||
|
columnProp: 'methodName', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验方法名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 90, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301002, |
||||
|
serialNumber: '301002Table2EamPropertiesItemRemark', |
||||
|
tableId: "301002Table2", |
||||
|
tableName: "检验方法表", |
||||
|
columnProp: 'methodRemark', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '检验方法说明', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
} |
||||
|
], |
||||
|
detailList: [], |
||||
|
levelList: [], |
||||
|
chooseModalData: { |
||||
|
itemNo: '', |
||||
|
itemDesc: '', |
||||
|
itemType: 'D', |
||||
|
valueTypeDb: '' |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 180 |
||||
|
}) |
||||
|
}, |
||||
|
created () { |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取数据列表 |
||||
|
getDataList () { |
||||
|
qcCheckOutItemSearch(this.searchData).then(({data}) => { |
||||
|
this.dataList = data.rows |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 获取方法数据列表 |
||||
|
getBaseList (val,type) { |
||||
|
this.tagNo = val |
||||
|
this.$nextTick(() => { |
||||
|
let strVal = '' |
||||
|
if (val === 1036) { |
||||
|
strVal = this.detailData.methodNo |
||||
|
} |
||||
|
this.$refs.baseList.init(val, strVal) |
||||
|
}) |
||||
|
}, |
||||
|
/* 列表方法的回调 */ |
||||
|
getBaseData (val) { |
||||
|
if (this.tagNo === 1036) { |
||||
|
this.detailData.methodNo = val.method_no |
||||
|
this.detailData.methodName = val.method_name |
||||
|
this.modalData.methodNo = val.method_no |
||||
|
this.modalData.methodName = val.method_name |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
// 点击查询并显示方法列表 |
||||
|
itemNoBlur(){ |
||||
|
let inData = { |
||||
|
methodType:'D', |
||||
|
methodNo:this.detailData.methodNo |
||||
|
} |
||||
|
qcCheckOutMethodSearch(inData).then(({data}) => { |
||||
|
if(data.rows.length > 0){ |
||||
|
this.detailData.methodName = data.rows[0].methodName |
||||
|
}else { |
||||
|
this.detailData.methodName = '' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 保存项目中的方法明细 |
||||
|
saveItemDetails(){ |
||||
|
if(this.detailData.methodNo == "" || this.detailData.methodNo == null){ |
||||
|
this.$alert('请选择检验项目编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
saveItemDetails(this.detailData).then(({data}) => { |
||||
|
if (data && data.code == 0) { |
||||
|
searchItemDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.addItemMethodFlag = false; |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 新增项目中的方法 |
||||
|
addItemMethods(){ |
||||
|
this.detailData.methodNo=''; |
||||
|
this.detailData.methodName=''; |
||||
|
this.addItemMethodFlag = true; |
||||
|
}, |
||||
|
|
||||
|
//打开方法清单 |
||||
|
detailModal(row){ |
||||
|
this.detailData.itemNo = row.itemNo |
||||
|
this.detailData.itemDesc = row.itemDesc |
||||
|
searchItemDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.detailModelFlag=true; |
||||
|
}, |
||||
|
|
||||
|
// 删除项目中的方法 |
||||
|
deleteItemDetails(row){ |
||||
|
this.$confirm(`是否删除这个检验方法?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
deleteItemDetails(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
searchItemDetails(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
addModal () { |
||||
|
this.modalData = { |
||||
|
flag: '1', |
||||
|
itemNo: '', |
||||
|
itemDesc: '', |
||||
|
valueTypeDb: 'T', |
||||
|
defaultValue: '', |
||||
|
valueChooseFlag: 'N', |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
maxValue: '', |
||||
|
minValue: '', |
||||
|
itemRemark: '', |
||||
|
itemType: 'D' |
||||
|
} |
||||
|
this.modalDisableFlag = false |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
chooseModal (row) { |
||||
|
this.chooseModalData.itemNo = row.itemNo |
||||
|
this.chooseModalData.itemDesc = row.itemDesc |
||||
|
this.chooseModalData.valueTypeDb = row.valueTypeDb |
||||
|
searchItemAvailable(this.chooseModalData).then(({data}) => { |
||||
|
this.chooseTableData = data.rows |
||||
|
}) |
||||
|
this.chooseModalFlag = true |
||||
|
}, |
||||
|
updateModal (row) { |
||||
|
console.log(row) |
||||
|
this.modalData = { |
||||
|
flag: '2', |
||||
|
itemNo: row.itemNo, |
||||
|
itemDesc: row.itemDesc, |
||||
|
valueTypeDb: row.valueTypeDb, |
||||
|
defaultValue: row.defaultValue, |
||||
|
valueChooseFlag: row.valueChooseFlag, |
||||
|
createdBy: this.$store.state.user.name, |
||||
|
maxValue: row.maxValue, |
||||
|
minValue: row.minValue, |
||||
|
itemRemark: row.itemRemark, |
||||
|
itemType: 'D', |
||||
|
methodNo: row.methodNo, |
||||
|
methodName: row.methodName |
||||
|
} |
||||
|
this.modalDisableFlag = true |
||||
|
this.modalFlag = true |
||||
|
}, |
||||
|
// 删除 |
||||
|
deleteEamPropertiesItem (row) { |
||||
|
this.$confirm(`是否删除这个点检项目?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
qcCheckOutItemDelete(row).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
saveData () { |
||||
|
if (this.modalData.itemNo == '' || this.modalData.itemNo == null) { |
||||
|
this.$alert('请输入检验项目编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.itemDesc == '' || this.modalData.itemDesc == null) { |
||||
|
this.$alert('请输入检验项目名称！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.methodNo == '' || this.modalData.methodNo == null) { |
||||
|
this.$alert('请输入检验方法编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.methodName == '' || this.modalData.methodName == null) { |
||||
|
this.$alert('请输入检验方法名称！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.flag == '1') { |
||||
|
qcCheckOutItemSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
qcCheckOutItemUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === '0') { |
||||
|
this.getDataList() |
||||
|
this.modalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
addChooseModal () { |
||||
|
this.itemFlag = this.chooseModalData.valueTypeDb == 'T' ? 'text' : 'number' |
||||
|
this.itemData = { |
||||
|
itemNo: this.chooseModalData.itemNo, |
||||
|
valueNo: 0, |
||||
|
availableValue: '', |
||||
|
itemType: 'D', |
||||
|
createdBy: this.$store.state.user.name |
||||
|
} |
||||
|
this.itemModalFlag = true |
||||
|
}, |
||||
|
updateChooseModal (row) { |
||||
|
this.itemFlag = this.chooseModalData.valueTypeDb == 'T' ? 'text' : 'number' |
||||
|
this.itemData = { |
||||
|
itemNo: this.chooseModalData.itemNo, |
||||
|
valueNo: row.valueNo, |
||||
|
availableValue: row.availableValue, |
||||
|
itemType: 'D', |
||||
|
createdBy: row.createdBy |
||||
|
} |
||||
|
this.itemModalFlag = true |
||||
|
}, |
||||
|
saveItemAvailable () { |
||||
|
if (this.itemData.availableValue == '' || this.itemData.availableValue == null) { |
||||
|
this.$alert('请输入可选值！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
saveItemAvailable(this.itemData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
searchItemAvailable(this.chooseModalData).then(({data}) => { |
||||
|
this.chooseTableData = data.rows |
||||
|
}) |
||||
|
this.itemModalFlag = false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
deleteItemAvailable (row) { |
||||
|
this.$confirm(`是否删除这个可选值?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
deleteItemAvailable(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
searchItemAvailable(this.chooseModalData).then(({data}) => { |
||||
|
this.chooseTableData = data.rows |
||||
|
}) |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
} |
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
@ -0,0 +1,784 @@ |
|||||
|
<template> |
||||
|
<div class="mod-config"> |
||||
|
<!-- 条件查询 --> |
||||
|
<el-form :inline="true" label-position="top" :model="searchData" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'主记录栏模板编码'"> |
||||
|
<el-input v-model="searchData.codeNo" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'主记录栏模板名称'"> |
||||
|
<el-input v-model="searchData.codeDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'在用'"> |
||||
|
<el-select filterable v-model="searchData.active" style="width: 130px"> |
||||
|
<el-option label="全部" value=""></el-option> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button @click="getDataList()">查询</el-button> |
||||
|
<el-button type="primary" @click="addModal()">新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
|
||||
|
<!-- 展示列表 --> |
||||
|
<el-table |
||||
|
:height="height" |
||||
|
:data="dataList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="160" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="updateModal(scope.row)">修改</a> |
||||
|
<a type="text" size="small" @click="detailModal(scope.row)">检验项目</a> |
||||
|
<a type="text" size="small" @click="deleteMasterInformationModel(scope.row)">删除</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
|
||||
|
<!-- 分页栏 --> |
||||
|
<el-pagination |
||||
|
@size-change="sizeChangeHandle" |
||||
|
@current-change="currentChangeHandle" |
||||
|
:current-page="pageIndex" |
||||
|
:page-sizes="[20, 50, 100, 1000]" |
||||
|
:page-size="pageSize" |
||||
|
:total="totalPage" |
||||
|
layout="total, sizes, prev, pager, next, jumper"> |
||||
|
</el-pagination> |
||||
|
|
||||
|
<!-- 检验模板新增/修改 --> |
||||
|
<el-dialog title="检验模板" :close-on-click-modal="false" v-drag :visible.sync="modalFlag" width="430px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item label="主记录模板编码:"> |
||||
|
<el-input v-model="modalData.codeNo" :disabled="modalDisableFlag" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="主记录模板名称:"> |
||||
|
<el-input v-model="modalData.codeDesc" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="是否在用:"> |
||||
|
<el-select filterable v-model="modalData.active" style="width: 120px"> |
||||
|
<el-option label="是" value="Y"></el-option> |
||||
|
<el-option label="否" value="N"></el-option> |
||||
|
</el-select> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveData()">保存</el-button> |
||||
|
<el-button type="primary" @click="modalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验项目 --> |
||||
|
<el-dialog title="检验项目清单" :close-on-click-modal="false" v-drag :visible.sync="detailModelFlag" width="830px"> |
||||
|
<el-form :inline="true" label-position="top" @keyup.enter.native="getDataList()"> |
||||
|
<el-form-item :label="'主记录模板编码'"> |
||||
|
<el-input v-model="detailData.codeNo" readonly style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="'主记录模板名称'"> |
||||
|
<el-input v-model="detailData.codeDesc" readonly style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item :label="' '"> |
||||
|
<el-button type="primary" @click="addDetailModal()">新增</el-button> |
||||
|
<el-button type="primary" @click="addFastModal()">快速新增</el-button> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<!-- 检验项目展示列表 --> |
||||
|
<el-table |
||||
|
:height="300" |
||||
|
:data="detailList" |
||||
|
border |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%;"> |
||||
|
<el-table-column |
||||
|
v-for="(item,index) in columnDetailList" :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-column |
||||
|
fixed="right" |
||||
|
header-align="center" |
||||
|
align="center" |
||||
|
width="130" |
||||
|
label="操作"> |
||||
|
<template slot-scope="scope"> |
||||
|
<a type="text" size="small" @click="deleteMasterInformation(scope.row)">删除信息</a> |
||||
|
</template> |
||||
|
</el-table-column> |
||||
|
|
||||
|
</el-table> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="detailModelFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 主记录信息->新增 --> |
||||
|
<el-dialog title="添加项目" :close-on-click-modal="false" v-drag :visible.sync="addDetailModalFlag" width="300px"> |
||||
|
<el-form :inline="true" label-position="top" style="margin-left: 7px;margin-top: -5px;"> |
||||
|
<el-form-item > |
||||
|
<span slot="label" style="" @click="getBaseList(1041)"><a herf="#">主记录信息编码</a></span> |
||||
|
<el-input v-model="detailData.informationNo" @blur="itemNoBlur" style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
<el-form-item label="主记录信息名称:"> |
||||
|
<el-input v-model="detailData.informationName" disabled style="width: 120px"></el-input> |
||||
|
</el-form-item> |
||||
|
</el-form> |
||||
|
<el-footer style="height:40px;margin-top: 10px;text-align:center"> |
||||
|
<el-button type="primary" @click="saveMasterInformation()">保存</el-button> |
||||
|
<el-button type="primary" @click="addDetailModalFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<!-- 检验项目->快速新增 --> |
||||
|
<el-dialog title="快速添加" @close="refreshDetailList" :close-on-click-modal="false" v-drag :visible.sync="fastAddFlag" width="800px"> |
||||
|
<div style="font-size: 12px"> |
||||
|
主记录模板编码：<el-input v-model="detailData.codeNo" readonly style="width: 120px"></el-input> |
||||
|
主记录模板名称：<el-input v-model="detailData.codeDesc" readonly style="width: 120px"></el-input> |
||||
|
</div> |
||||
|
<el-container style="margin-top: -12px;"> |
||||
|
<el-main style="width: 300px"> |
||||
|
<span style="font-size: 12px" >可选信息：</span> |
||||
|
<el-table |
||||
|
height="300px" |
||||
|
:data="itemList1" |
||||
|
border |
||||
|
@row-click="clickItem1" |
||||
|
highlight-current-row |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
prop="informationNo" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="110" |
||||
|
label="信息编码"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="informationName" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="170" |
||||
|
label="信息名称"> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-main> |
||||
|
<el-main style="width: 100px"> |
||||
|
<div style="margin-top: 100px"> |
||||
|
<el-button type="primary" @click="addItem()">添加>></el-button> |
||||
|
</div> |
||||
|
<div style="margin-top: 20px"> |
||||
|
<el-button type="primary" @click="deleteItem()">删除<<</el-button> |
||||
|
</div> |
||||
|
</el-main> |
||||
|
<el-main style="width: 300px"> |
||||
|
<span style="font-size: 12px" >已有信息：</span> |
||||
|
<el-table |
||||
|
height="300px" |
||||
|
:data="itemList2" |
||||
|
border |
||||
|
@row-click="clickItem2" |
||||
|
highlight-current-row |
||||
|
v-loading="dataListLoading" |
||||
|
style="width: 100%"> |
||||
|
<el-table-column |
||||
|
prop="informationNo" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="110" |
||||
|
label="信息编码"> |
||||
|
</el-table-column> |
||||
|
<el-table-column |
||||
|
prop="informationName" |
||||
|
header-align="center" |
||||
|
align="left" |
||||
|
min-width="170" |
||||
|
label="信息名称"> |
||||
|
</el-table-column> |
||||
|
</el-table> |
||||
|
</el-main> |
||||
|
</el-container> |
||||
|
<el-footer style="height:40px;margin-top: 20px;text-align:center"> |
||||
|
<el-button type="primary" @click="fastAddFlag = false">关闭</el-button> |
||||
|
</el-footer> |
||||
|
</el-dialog> |
||||
|
|
||||
|
<Chooselist ref="baseList" @getBaseData="getBaseData"></Chooselist> |
||||
|
</div> |
||||
|
</template> |
||||
|
|
||||
|
<script> |
||||
|
import { |
||||
|
qcCheckOutModelSearch, |
||||
|
qcCheckOutModelSave, |
||||
|
qcCheckOutModelUpdate, |
||||
|
qcMasterInformationModelDelete, // 删除主记录信息模板 |
||||
|
searchMasterInformation, // 查询模板中的主信息 |
||||
|
saveMasterInformation, // 新增模板中的主信息 |
||||
|
deleteMasterInformation, // 删除模板中的主信息 |
||||
|
qcCheckOutItemSearch, // 搜索项目 |
||||
|
getInformationLists // 获取项目列表 |
||||
|
} from "@/api/qc/qc.js" |
||||
|
import Chooselist from '@/views/modules/common/Chooselist_eam' |
||||
|
export default { |
||||
|
components: { |
||||
|
Chooselist |
||||
|
}, |
||||
|
watch: { |
||||
|
searchData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.searchData.codeNo = this.searchData.codeNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
|
||||
|
itemData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.itemData.itemNo = this.itemData.itemNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
modalData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.modalData.codeNo = this.modalData.codeNo.toUpperCase() |
||||
|
} |
||||
|
}, |
||||
|
detailData: { |
||||
|
deep: true, |
||||
|
handler: function (newV, oldV) { |
||||
|
this.detailData.codeNo = this.detailData.codeNo.toUpperCase() |
||||
|
this.detailData.itemNo = this.detailData.itemNo.toUpperCase() |
||||
|
} |
||||
|
} |
||||
|
}, |
||||
|
data () { |
||||
|
return { |
||||
|
tagNo:'', |
||||
|
searchData: { |
||||
|
codeNo: '', |
||||
|
codeDesc: '', |
||||
|
active:'Y', |
||||
|
functionType:'E', |
||||
|
page: 1, |
||||
|
limit: 10, |
||||
|
}, |
||||
|
height: 200, |
||||
|
pageIndex: 1, |
||||
|
pageSize: 100, |
||||
|
totalPage: 0, |
||||
|
addDetailModalFlag:false, |
||||
|
modalFlag:false, |
||||
|
modalDisableFlag:false, |
||||
|
modalData:{ |
||||
|
flag:'', |
||||
|
codeNo:'', |
||||
|
codeDesc:'', |
||||
|
active:'', |
||||
|
functionType:'E', |
||||
|
userId:this.$store.state.user.name |
||||
|
}, |
||||
|
detailData:{ |
||||
|
codeNo:'', |
||||
|
codeDesc:'', |
||||
|
functionType:'E', |
||||
|
informationNo:'', |
||||
|
informationName:'', |
||||
|
informationType:'E', |
||||
|
userId:this.$store.state.user.name |
||||
|
}, |
||||
|
columnList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003TableCodeNo', |
||||
|
tableId: "301003Table", |
||||
|
tableName: "检验模板表", |
||||
|
columnProp: 'codeNo', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '主记录模板编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 120, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003TableCodeDesc', |
||||
|
tableId: "301003Table", |
||||
|
tableName: "检验模板表", |
||||
|
columnProp: 'codeDesc', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '主记录模板名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 140, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003TableActive', |
||||
|
tableId: "301003Table", |
||||
|
tableName: "检验模板表", |
||||
|
columnProp: 'active', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '是否在用', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 40, |
||||
|
}, |
||||
|
], |
||||
|
detailModelFlag:false, |
||||
|
detailList: [], |
||||
|
chooseTableData:[], |
||||
|
dataListLoading: false, |
||||
|
dataListSelections: [], |
||||
|
|
||||
|
// modalDisableFlag:false, |
||||
|
chooseModalFlag:false, |
||||
|
itemFlag:'text', |
||||
|
itemData:{ |
||||
|
itemNo:'', |
||||
|
valueNo:'', |
||||
|
availableValue:'', |
||||
|
itemType:'E', |
||||
|
createdBy: this.$store.state.user.name |
||||
|
}, |
||||
|
dataList:[], |
||||
|
departmentList:[], |
||||
|
// 展示列集 |
||||
|
columnDetailList: [ |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003Table2EamPropertiesItemID', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "主信息表", |
||||
|
columnProp: 'informationNo', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '主信息编码', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 90, |
||||
|
}, |
||||
|
{ |
||||
|
userId: this.$store.state.user.name, |
||||
|
functionId: 301003, |
||||
|
serialNumber: '301003Table2EamPropertiesItemDesc', |
||||
|
tableId: "301003Table2", |
||||
|
tableName: "主信息表", |
||||
|
columnProp: 'informationName', |
||||
|
headerAlign: "center", |
||||
|
align: "left", |
||||
|
columnLabel: '主信息名称', |
||||
|
columnHidden: false, |
||||
|
columnImage: false, |
||||
|
columnSortable: false, |
||||
|
sortLv: 0, |
||||
|
status: true, |
||||
|
fixed: '', |
||||
|
columnWidth: 90, |
||||
|
} |
||||
|
], |
||||
|
levelList:[], |
||||
|
chooseModalData:{ |
||||
|
itemNo: '', |
||||
|
itemDesc: '', |
||||
|
itemType:'E', |
||||
|
valueTypeDb:'', |
||||
|
}, |
||||
|
// 快速添加 |
||||
|
fastAddFlag:false, |
||||
|
itemList1:[], |
||||
|
itemList2:[], |
||||
|
itemListRow1:{}, |
||||
|
itemListRow2:{}, |
||||
|
} |
||||
|
}, |
||||
|
mounted () { |
||||
|
this.$nextTick(() => { |
||||
|
this.height = window.innerHeight - 210 |
||||
|
}) |
||||
|
}, |
||||
|
created () { |
||||
|
this.getDataList(); |
||||
|
}, |
||||
|
methods: { |
||||
|
// 获取基础数据列表S |
||||
|
getBaseList (val,type) { |
||||
|
this.tagNo = val |
||||
|
this.$nextTick(() => { |
||||
|
let strVal = '' |
||||
|
if (val === 1041) { |
||||
|
strVal = this.detailData.informationNo |
||||
|
} |
||||
|
this.$refs.baseList.init(val, strVal) |
||||
|
}) |
||||
|
}, |
||||
|
/* 列表方法的回调 */ |
||||
|
getBaseData (val) { |
||||
|
if (this.tagNo === 1041) { |
||||
|
this.detailData.informationNo = val.information_no |
||||
|
this.detailData.informationName = val.information_name |
||||
|
} |
||||
|
}, |
||||
|
// 获取数据列表 |
||||
|
getDataList () { |
||||
|
this.searchData.limit = this.pageSize |
||||
|
this.searchData.page = this.pageIndex |
||||
|
qcCheckOutModelSearch(this.searchData).then(({data}) => { |
||||
|
if (data.code == 0) { |
||||
|
this.dataList = data.page.list |
||||
|
this.pageIndex = data.page.currPage |
||||
|
this.pageSize = data.page.pageSize |
||||
|
this.totalPage = data.page.totalCount |
||||
|
} |
||||
|
this.dataListLoading = false |
||||
|
}) |
||||
|
}, |
||||
|
// 每页数 |
||||
|
sizeChangeHandle (val) { |
||||
|
this.pageSize = val |
||||
|
this.pageIndex = 1 |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
// 当前页 |
||||
|
currentChangeHandle (val) { |
||||
|
this.pageIndex = val |
||||
|
this.getDataList() |
||||
|
}, |
||||
|
addModal(){ |
||||
|
this.modalData={ |
||||
|
flag:'1', |
||||
|
codeNo:'', |
||||
|
codeDesc:'', |
||||
|
active:'Y', |
||||
|
functionType:'E', |
||||
|
userId:this.$store.state.user.name |
||||
|
}; |
||||
|
this.modalDisableFlag = false; |
||||
|
this.modalFlag = true; |
||||
|
}, |
||||
|
updateModal(row){ |
||||
|
this.modalData={ |
||||
|
flag:'2', |
||||
|
codeNo:row.codeNo, |
||||
|
codeDesc:row.codeDesc, |
||||
|
active:row.active, |
||||
|
functionType:'E', |
||||
|
userId:this.$store.state.user.name |
||||
|
}; |
||||
|
this.modalDisableFlag=true; |
||||
|
this.modalFlag=true; |
||||
|
}, |
||||
|
// 删除 |
||||
|
deleteMasterInformationModel (row) { |
||||
|
this.$confirm(`是否删除这个主记录信息模板?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
qcMasterInformationModelDelete(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
saveData(){ |
||||
|
if (this.modalData.codeNo == '' || this.modalData.codeNo == null) { |
||||
|
this.$alert('请输入检验模板编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.codeDesc == '' || this.modalData.codeDesc == null) { |
||||
|
this.$alert('请输入检验模板名称！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if (this.modalData.active == '' || this.modalData.active == null) { |
||||
|
this.$alert('选择是否在用！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
if(this.modalData.flag=='1'){ |
||||
|
qcCheckOutModelSave(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag=false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}else { |
||||
|
qcCheckOutModelUpdate(this.modalData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
this.getDataList() |
||||
|
this.modalFlag=false |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
} |
||||
|
}, |
||||
|
//打开检验项目清单 |
||||
|
detailModal(row){ |
||||
|
this.detailData.codeNo = row.codeNo |
||||
|
this.detailData.codeDesc = row.codeDesc |
||||
|
searchMasterInformation(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.detailModelFlag = true; |
||||
|
}, |
||||
|
|
||||
|
// 普通新增 |
||||
|
addDetailModal(){ |
||||
|
this.detailData.informationNo = ''; |
||||
|
this.detailData.informationName = ''; |
||||
|
this.addDetailModalFlag = true; |
||||
|
}, |
||||
|
|
||||
|
// 快速新增 |
||||
|
addFastModal(){ |
||||
|
this.itemListRow2 = null |
||||
|
this.itemListRow1 = null |
||||
|
getInformationLists(this.detailData).then(({data}) => { |
||||
|
this.itemList1 = data.row1; |
||||
|
this.itemList2 = data.row2; |
||||
|
}) |
||||
|
this.fastAddFlag = true; |
||||
|
}, |
||||
|
|
||||
|
clickItem1(row){ |
||||
|
this.itemListRow1 = JSON.parse(JSON.stringify(row)); |
||||
|
}, |
||||
|
clickItem2(row){ |
||||
|
this.itemListRow2 = JSON.parse(JSON.stringify(row)); |
||||
|
}, |
||||
|
// 添加项目 |
||||
|
addItem(){ |
||||
|
if(this.itemListRow1==null){ |
||||
|
this.$alert("请选择可选项目！", '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false; |
||||
|
} |
||||
|
let inData={ |
||||
|
codeNo: this.detailData.codeNo, |
||||
|
codeDesc: this.detailData.codeDesc, |
||||
|
functionType: this.detailData.functionType, |
||||
|
informationNo: this.itemListRow1.informationNo, |
||||
|
informationName: this.itemListRow1.informationName, |
||||
|
informationType: this.detailData.informationType, |
||||
|
userId: this.$store.state.user.name |
||||
|
} |
||||
|
saveMasterInformation(inData).then(({data}) => { |
||||
|
if (data && data.code == 0) { |
||||
|
getInformationLists(this.detailData).then(({data}) => { |
||||
|
this.itemList1 = data.row1; |
||||
|
this.itemList2 = data.row2; |
||||
|
}) |
||||
|
this.itemListRow1=null |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 删除信息 |
||||
|
deleteItem(){ |
||||
|
if(this.itemListRow2 == null){ |
||||
|
this.$alert("请选择已选项目！", '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false; |
||||
|
} |
||||
|
let inData = { |
||||
|
codeNo: this.detailData.codeNo, |
||||
|
codeDesc: this.detailData.codeDesc, |
||||
|
functionType: this.detailData.functionType, |
||||
|
informationNo: this.itemListRow2.informationNo, |
||||
|
informationName: this.itemListRow2.informationName, |
||||
|
informationType: this.detailData.informationType, |
||||
|
userId: this.$store.state.user.name |
||||
|
} |
||||
|
deleteMasterInformation(inData).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
getInformationLists(this.detailData).then(({data}) => { |
||||
|
this.itemList1 = data.row1; |
||||
|
this.itemList2 = data.row2; |
||||
|
}) |
||||
|
this.itemListRow2 = null |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 关闭后刷新列表 |
||||
|
refreshDetailList(){ |
||||
|
searchMasterInformation(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
// 保存模板中的信息明细 |
||||
|
saveMasterInformation(){ |
||||
|
if(this.detailData.informationNo == "" || this.detailData.informationNo == null){ |
||||
|
this.$alert('请选择主记录信息编码！', '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
return false |
||||
|
} |
||||
|
saveMasterInformation(this.detailData).then(({data}) => { |
||||
|
if (data && data.code == 0) { |
||||
|
searchMasterInformation(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.addDetailModalFlag = false; |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
itemNoBlur(){ |
||||
|
let inData={ |
||||
|
itemType:'E', |
||||
|
itemNo:this.detailData.itemNo |
||||
|
} |
||||
|
qcCheckOutItemSearch(inData).then(({data}) => { |
||||
|
if(data.rows.length>0){ |
||||
|
this.detailData.itemDesc = data.rows[0].itemDesc |
||||
|
}else { |
||||
|
this.detailData.itemDesc='' |
||||
|
} |
||||
|
}) |
||||
|
}, |
||||
|
// 删除模板中的信息 |
||||
|
deleteMasterInformation(row){ |
||||
|
console.log(row) |
||||
|
this.$confirm(`是否删除这个检验项目?`, '提示', { |
||||
|
confirmButtonText: '确定', |
||||
|
cancelButtonText: '取消', |
||||
|
type: 'warning' |
||||
|
}).then(() => { |
||||
|
deleteMasterInformation(row).then(({data}) => { |
||||
|
if (data && data.code === 0) { |
||||
|
searchMasterInformation(this.detailData).then(({data}) => { |
||||
|
this.detailList = data.rows |
||||
|
}) |
||||
|
this.$message({ |
||||
|
message: '操作成功', |
||||
|
type: 'success', |
||||
|
duration: 1500, |
||||
|
onClose: () => { |
||||
|
} |
||||
|
}) |
||||
|
} else { |
||||
|
this.$alert(data.msg, '错误', { |
||||
|
confirmButtonText: '确定' |
||||
|
}) |
||||
|
} |
||||
|
}) |
||||
|
}).catch(() => { |
||||
|
}) |
||||
|
}, |
||||
|
|
||||
|
} |
||||
|
} |
||||
|
</script> |
||||
1136
src/views/modules/qc/qcResultEntry.vue
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
Write
Preview
Loading…
Cancel
Save
Reference in new issue