sfms3.0
/
sfms3.0-ui
3
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

检验记录筛选参数

hella_online_20240829
张立 7 months ago
parent
fc909c0d0c
commit
b01120730d
1 changed files with 311 additions and 250 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 561
      src/views/qms/inspectionRecord/index.vue

561
src/views/qms/inspectionRecord/index.vue
View File

@ -1,33 +1,53 @@
<template> <template>
<ContentWrap> <ContentWrap>
<!-- 搜索工作栏 --> <!-- 搜索工作栏 -->
<Search :schema="InspectionRecordMain.allSchemas.searchSchema" @search="setSearchParams" @reset="setSearchParams" /> <Search
:schema="InspectionRecordMain.allSchemas.searchSchema"
@search="setSearchParams"
@reset="setSearchParams"
/>
</ContentWrap> </ContentWrap>
<!-- 列表头部 --> <!-- 列表头部 -->
<TableHead :HeadButttondata="HeadButttondata" @button-base-click="buttonBaseClick" :routeName="routeName" <TableHead
@updataTableColumns="updataTableColumns" @searchFormClick="searchFormClick" :HeadButttondata="HeadButttondata"
:allSchemas="InspectionRecordMain.allSchemas" /> @button-base-click="buttonBaseClick"
:routeName="routeName"
@updataTableColumns="updataTableColumns"
@searchFormClick="searchFormClick"
:allSchemas="InspectionRecordMain.allSchemas"
/>
<!-- 列表 --> <!-- 列表 -->
<ContentWrap> <ContentWrap>
<Table v-clientTable :columns="tableColumns" :data="tableObject.tableList" :loading="tableObject.loading" :pagination="{ <Table
v-clientTable
:columns="tableColumns"
:data="tableObject.tableList"
:loading="tableObject.loading"
:pagination="{
total: tableObject.total total: tableObject.total
}" v-model:pageSize="tableObject.pageSize" v-model:currentPage="tableObject.currentPage" }"
v-model:sort="tableObject.sort"> v-model:pageSize="tableObject.pageSize"
<template #number="{row}"> v-model:currentPage="tableObject.currentPage"
v-model:sort="tableObject.sort"
>
<template #number="{ row }">
<el-button type="primary" link @click="openDetail(row, '单据号', row.number)"> <el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
<span>{{ row.number }}</span> <span>{{ row.number }}</span>
</el-button> </el-button>
</template> </template>
<template #action="{ row }"> <template #action="{ row }">
<ButtonBase :Butttondata="butttondata(row)" @button-base-click="buttonTableClick($event,row)" /> <ButtonBase
:Butttondata="butttondata(row)"
@button-base-click="buttonTableClick($event, row)"
/>
</template> </template>
</Table> </Table>
</ContentWrap> </ContentWrap>
<!-- 表单弹窗：添加/修改 --> <!-- 表单弹窗：添加/修改 -->
<UseAddForm <UseAddForm
ref="formRef" ref="formRef"
basicFormWidth="80" basicFormWidth="80"
:tableAllSchemas="InspectionRecordPackage.allSchemas" :tableAllSchemas="InspectionRecordPackage.allSchemas"
@ -38,7 +58,7 @@
/> />
<!-- 新增 --> <!-- 新增 -->
<AddForm <AddForm
ref="basicFormRef" ref="basicFormRef"
basicFormWidth="80" basicFormWidth="80"
:formAllSchemas="InspectionRecordMain.allSchemas" :formAllSchemas="InspectionRecordMain.allSchemas"
@ -46,38 +66,56 @@
:tableFormRules="InspectionJobPackageRules" :tableFormRules="InspectionJobPackageRules"
:rules="InspectionTemplateRules" :rules="InspectionTemplateRules"
@submitForm="submitFormExecute" @submitForm="submitFormExecute"
/> />
<Detail <Detail
ref="detailRef" :isBasic="false" :allSchemas="InspectionRecordMain.allSchemas" ref="detailRef"
:detailAllSchemas="InspectionRecordDetail.allSchemas" :detailAllSchemasRules="InspectionRecordDetailRules" :isBasic="false"
:allSchemas="InspectionRecordMain.allSchemas"
:detailAllSchemas="InspectionRecordDetail.allSchemas"
:detailAllSchemasRules="InspectionRecordDetailRules"
:apiCreate="InspectionRecordDetailApi.createInspectionRecordDetail" :apiCreate="InspectionRecordDetailApi.createInspectionRecordDetail"
:apiUpdate="InspectionRecordDetailApi.updateInspectionRecordDetail" :apiUpdate="InspectionRecordDetailApi.updateInspectionRecordDetail"
:apiPage="InspectionRecordDetailApi.getInspectionRecordDetailPage" :apiPage="InspectionRecordDetailApi.getInspectionRecordDetailPage"
:apiDelete="InspectionRecordDetailApi.deleteInspectionRecordDetail" @searchTableSuccessDetail="searchTableSuccessDetail" :apiDelete="InspectionRecordDetailApi.deleteInspectionRecordDetail"
:isShowAddBtn="false" :detailButtonIsShow="true" @searchTableSuccessDetail="searchTableSuccessDetail"
/> :isShowAddBtn="false"
<!-- 包装信息 --> :detailButtonIsShow="true"
<ListTable ref="listTableRef" titleName="包装信息" :allSchemas="InspectionRecordMain.allSchemas" />
:detailAllSchemas="InspectionRecordPackage.allSchemas" :detailAllSchemasRules="InspectionRecordPackageRules" <!-- 包装信息 -->
:list="list"/> <ListTable
ref="listTableRef"
titleName="包装信息"
:allSchemas="InspectionRecordMain.allSchemas"
:detailAllSchemas="InspectionRecordPackage.allSchemas"
:detailAllSchemasRules="InspectionRecordPackageRules"
:list="list"
/>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import download from '@/utils/download' import download from '@/utils/download'
import { InspectionRecordMain, InspectionRecordMainRules, InspectionRecordDetail, InspectionRecordDetailRules,InspectionRecordPackage, InspectionRecordPackageRules,InspectionRecordUser,InspectionRecordUserRules} from './inspectionRecordMain.data' import {
// import { InspectionJobPackage,InspectionJobPackageRules} from '../inspectionJob/inspectionJobMain.data' InspectionRecordMain,
import * as InspectionRecordPackageApi from '@/api/qms/inspectionRecord/InspectionRecordPackage/InspectionRecordPackage' InspectionRecordMainRules,
import * as InspectionRecordMainApi from '@/api/qms/inspectionRecord/inspectionRecordMain' InspectionRecordDetail,
import * as InspectionRecordDetailApi from '@/api/qms/inspectionRecord/inspectionRecordDetail' InspectionRecordDetailRules,
import * as defaultButtons from '@/utils/disposition/defaultButtons' InspectionRecordPackage,
import ListTable from '@/components/ListTable/src/ListTable.vue' InspectionRecordPackageRules,
import TableHead from '@/components/TableHead/src/TableHead.vue' InspectionRecordUser,
import UseAddForm from './useAddForm.vue' InspectionRecordUserRules
import AddForm from './addForm.vue' } from './inspectionRecordMain.data'
import Detail from './detail.vue' // import { InspectionJobPackage,InspectionJobPackageRules} from '../inspectionJob/inspectionJobMain.data'
import * as InspectionJobMainApi from '@/api/qms/inspectionJob/inspectionJobMain' import * as InspectionRecordPackageApi from '@/api/qms/inspectionRecord/InspectionRecordPackage/InspectionRecordPackage'
import * as InspectionRecordMainApi from '@/api/qms/inspectionRecord/inspectionRecordMain'
import * as InspectionRecordDetailApi from '@/api/qms/inspectionRecord/inspectionRecordDetail'
import * as defaultButtons from '@/utils/disposition/defaultButtons'
import ListTable from '@/components/ListTable/src/ListTable.vue'
import TableHead from '@/components/TableHead/src/TableHead.vue'
import UseAddForm from './useAddForm.vue'
import AddForm from './addForm.vue'
import Detail from './detail.vue'
import * as InspectionJobMainApi from '@/api/qms/inspectionJob/inspectionJobMain'
import { import {
InspectionJobMain, InspectionJobMain,
@ -90,241 +128,255 @@ import {
import { DICT_TYPE, getStrDictOptions } from '@/utils/dict' import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
// 采购订单 // 采购订单
defineOptions({ name: 'InspectionRecordMain' }) defineOptions({ name: 'InspectionRecordMain' })
const message = useMessage() // 消息弹窗 const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化 const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息 const route = useRoute() // 路由信息
const routeName = ref() const routeName = ref()
routeName.value = route.name routeName.value = route.name
const tableColumns = ref(InspectionRecordMain.allSchemas.tableColumns) const tableColumns = ref(InspectionRecordMain.allSchemas.tableColumns)
if(routeName.value=='InspectRecordMain'){ if (routeName.value == 'InspectRecordMain') {
tableColumns.value = tableColumns.value.filter(item=>{ tableColumns.value = tableColumns.value.filter((item) => {
return item.label!='操作' return item.label != '操作'
})
}
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
if (routeName.value == 'InspectRecordMain') {
tableColumns.value = val.filter((item) => {
return item.label != '操作'
}) })
} else {
tableColumns.value = val
} }
// 字段设置 更新主列表字段 }
const updataTableColumns = (val) => {
if(routeName.value=='InspectRecordMain'){
tableColumns.value = val.filter(item=>{
return item.label!='操作'
})
}else{
tableColumns.value = val
}
}
// 子表新增的时候选择表格之后需要会显得字段 // 子表新增的时候选择表格之后需要会显得字段
const { tableObject, tableMethods } = useTable({ const { tableObject, tableMethods } = useTable({
getListApi: InspectionRecordMainApi.getInspectionRecordMainPage // 分页接口 getListApi: InspectionRecordMainApi.getInspectionRecordMainPage // 分页接口
}) })
// 获得表格的各种操作 // 获得表格的各种操作
const { getList, setSearchParams } = tableMethods const { getList, setSearchParams } = tableMethods
// 列表头部按钮 // 列表头部按钮
let HeadButttondata = [ let HeadButttondata = [
// defaultButtons.defaultExportBtn(null), // 导出 // defaultButtons.defaultExportBtn(null), // 导出
defaultButtons.defaultFreshBtn(null), // 刷新 defaultButtons.defaultFreshBtn(null), // 刷新
defaultButtons.defaultFilterBtn(null), // 筛选 defaultButtons.defaultFilterBtn(null), // 筛选
defaultButtons.defaultSetBtn(null), // 设置 defaultButtons.defaultSetBtn(null) // 设置
] ]
// 头部按钮事件 // 头部按钮事件
const buttonBaseClick = (val, item) => { const buttonBaseClick = (val, item) => {
if (val == 'add') { // 新增 if (val == 'add') {
openForm('create') // 新增
} else if (val == 'import') { // 导入 openForm('create')
handleImport() } else if (val == 'import') {
} else if (val == 'export') { // 导出 // 导入
handleExport() handleImport()
} else if (val == 'refresh') { // 刷新 } else if (val == 'export') {
getList() // 导出
} else if (val == 'filtrate') { // 筛选 handleExport()
} else { // 其他按钮 } else if (val == 'refresh') {
console.log('其他按钮', item) // 刷新
} getList()
} else if (val == 'filtrate') {
// 筛选
} else {
// 其他按钮
console.log('其他按钮', item)
} }
}
const isShowMainButton = (row, val) => { const isShowMainButton = (row, val) => {
if(!row.callbackRequestNumber) {//callbackRequestNumber为空是手工创建订单，不需要使用决策和发布 if (!row.callbackRequestNumber) {
return true; //callbackRequestNumber为空是手工创建订单，不需要使用决策和发布
} return true
if(row.useDecision) { }
return row.isPublished if (row.useDecision) {
} else { return row.isPublished
return val ? true : false } else {
} return val ? true : false
} }
const isShowEditBtn = (row, val) => {
if (val.indexOf(row.inspectionType) > -1) {
return true
} else {
return row.useDecision
}
} }
const isShowPackageBtn = (row, val) => { const isShowEditBtn = (row, val) => {
if (val.indexOf(row.inspectionType) > -1) { if (val.indexOf(row.inspectionType) > -1) {
return true return true
} else { } else {
return false return row.useDecision
}
} }
// 列表-操作按钮 }
const butttondata = (row) => { const isShowPackageBtn = (row, val) => {
return [ if (val.indexOf(row.inspectionType) > -1) {
// defaultButtons.mainListOrderCOMPLETEBtn({ hide: isShowMainButton(row, ['INCOMPLETE']) }), // 完成 return true
defaultButtons.mainApplyDecisionBtn({ hide: isShowMainButton(row, null), hasPermi:'qms:inspection-recode-main:edit'}), // 使用决策 } else {
// defaultButtons.mainListDeleteBtn(null), // 删除 return false
defaultButtons.mainListOrderPubBtn({ hide: isShowMainButton(row, 'publish'), hasPermi:'qms:inspection-recode-main:pub'}), // 发布
defaultButtons.mainListPackageBtn({hide: isShowPackageBtn(row,['11'])}), // 包装
// defaultButtons.mainListJobExeBtn({
// hide:row.useDecision,
// hasPermi: 'qms:inspection-recode-main:execute',
// }), // 执行
defaultButtons.mainListEditBtn({ hide:isShowEditBtn(row,['11'])}), // 编辑
]
} }
}
// 列表-操作按钮
const butttondata = (row) => {
return [
// defaultButtons.mainListOrderCOMPLETEBtn({ hide: isShowMainButton(row, ['INCOMPLETE']) }), // 完成
defaultButtons.mainApplyDecisionBtn({
hide: isShowMainButton(row, null),
hasPermi: 'qms:inspection-recode-main:edit'
}), // 使用决策
// defaultButtons.mainListDeleteBtn(null), // 删除
defaultButtons.mainListOrderPubBtn({
hide: isShowMainButton(row, 'publish'),
hasPermi: 'qms:inspection-recode-main:pub'
}), // 发布
defaultButtons.mainListPackageBtn({ hide: isShowPackageBtn(row, ['11']) }), // 包装
// defaultButtons.mainListJobExeBtn({
// hide:row.useDecision,
// hasPermi: 'qms:inspection-recode-main:execute',
// }), // 执行
defaultButtons.mainListEditBtn({ hide: isShowEditBtn(row, ['11']) }) // 编辑
]
}
const listTableRef = ref() const listTableRef = ref()
const list = ref([]) const list = ref([])
const useDecisionList = getStrDictOptions(DICT_TYPE.USAGE_DECISION) const useDecisionList = getStrDictOptions(DICT_TYPE.USAGE_DECISION)
// const useDecisionList = InspectionRecordMain.allSchemas.formSchema.filter(item=>item.field == "useDecision") // const useDecisionList = InspectionRecordMain.allSchemas.formSchema.filter(item=>item.field == "useDecision")
// 列表-操作按钮事件 // 列表-操作按钮事件
const buttonTableClick = async (val, row) => { const buttonTableClick = async (val, row) => {
if (val == 'applyDecision') { // 编辑 if (val == 'applyDecision') {
// 评估代码值是1，接收时候，使用决策下拉列表是全部合格 // 编辑
if(row.estimateCode == 1){ // 评估代码值是1，接收时候，使用决策下拉列表是全部合格
InspectionRecordMain.allSchemas.formSchema.forEach((itemColumn) =>{ if (row.estimateCode == 1) {
if(itemColumn.field == "useDecision"){ InspectionRecordMain.allSchemas.formSchema.forEach((itemColumn) => {
itemColumn.componentProps.options=useDecisionList?.filter(item=>item.value==1) if (itemColumn.field == 'useDecision') {
} itemColumn.componentProps.options = useDecisionList?.filter((item) => item.value == 1)
}) }
}else if(row.estimateCode == 2){ })
InspectionRecordMain.allSchemas.formSchema.forEach((itemColumn) =>{ } else if (row.estimateCode == 2) {
if(itemColumn.field == "useDecision"){ InspectionRecordMain.allSchemas.formSchema.forEach((itemColumn) => {
itemColumn.componentProps.options=useDecisionList?.filter(item=>item.value!=1) if (itemColumn.field == 'useDecision') {
} itemColumn.componentProps.options = useDecisionList?.filter((item) => item.value != 1)
}) }
}
openUseForm('update', row)
}else if (val == 'mainPackage') { // 包装
list.value = await InspectionRecordPackageApi.getInspectionRecordPackageList(row.id)
list.value.forEach(item=>{
item.qualifiedAmount = item.qualifiedAmount ?item.qualifiedAmount :0
item.noQualifiedAmount = item.noQualifiedAmount ?item.noQualifiedAmount :0
item.destroyAmount = item.destroyAmount ?item.destroyAmount :0
item.frozenAmount = item.frozenAmount ?item.frozenAmount :0
}) })
// row.status = '1'
listTableRef.value.openPackage(row,'包装信息',InspectionRecordPackage.allSchemas.tableColumns)
}else if (val == 'delete') { // 删除
handleDelete(row.id)
}else if (val == 'mainOrderPub') { //发布
handleOrderPub(row)
}else if (val == 'edit') { //修改
// 执行
execute('execute', row)
} }
openUseForm('update', row)
} else if (val == 'mainPackage') {
// 包装
list.value = await InspectionRecordPackageApi.getInspectionRecordPackageList(row.id)
list.value.forEach((item) => {
item.qualifiedAmount = item.qualifiedAmount ? item.qualifiedAmount : 0
item.noQualifiedAmount = item.noQualifiedAmount ? item.noQualifiedAmount : 0
item.destroyAmount = item.destroyAmount ? item.destroyAmount : 0
item.frozenAmount = item.frozenAmount ? item.frozenAmount : 0
})
// row.status = '1'
listTableRef.value.openPackage(row, '包装信息', InspectionRecordPackage.allSchemas.tableColumns)
} else if (val == 'delete') {
// 删除
handleDelete(row.id)
} else if (val == 'mainOrderPub') {
//发布
handleOrderPub(row)
} else if (val == 'edit') {
//修改
// 执行
execute('execute', row)
} }
/** 添加/修改操作 */ }
const basicFormRef = ref() /** 添加/修改操作 */
// const openForm = async (type : string, row ?: number) => { const basicFormRef = ref()
// tableData.value = [] // 重置明细数据 // const openForm = async (type : string, row ?: number) => {
// basicFormRef.value.open(type, row) // tableData.value = [] // 重置明细数据
// } // basicFormRef.value.open(type, row)
/** 使用决策操作操作 */ // }
const formRef = ref() /** 使用决策操作操作 */
const openUseForm = async (type : string, row ?: number) => { const formRef = ref()
tableData.value = [] // 重置明细数据 const openUseForm = async (type: string, row?: number) => {
formRef.value.open(type, row) tableData.value = [] // 重置明细数据
} formRef.value.open(type, row)
}
/** 详情操作 */ /** 详情操作 */
const detailRef = ref() const detailRef = ref()
const openDetail = (row : any, titleName : any, titleValue : any) => { const openDetail = (row: any, titleName: any, titleValue: any) => {
detailRef.value.openDetail(row, titleName, titleValue, 'basicInspectionRecordMain') detailRef.value.openDetail(row, titleName, titleValue, 'basicInspectionRecordMain')
} }
/** 删除按钮操作 */ /** 删除按钮操作 */
const handleDelete = async (id : number) => { const handleDelete = async (id: number) => {
try { try {
// 删除的二次确认 // 删除的二次确认
await message.delConfirm() await message.delConfirm()
// 发起删除 // 发起删除
await InspectionRecordMainApi.deleteInspectionRecordMain(id) await InspectionRecordMainApi.deleteInspectionRecordMain(id)
message.success(t('common.delSuccess')) message.success(t('common.delSuccess'))
// 刷新列表 // 刷新列表
await getList() await getList()
} catch { } } catch {}
} }
/** 发布按钮操作 */ /** 发布按钮操作 */
const handleOrderPub = async (row : object) => { const handleOrderPub = async (row: object) => {
try { try {
// 删除的二次确认 // 删除的二次确认
await message.confirm(t('common.confirmPublish')) await message.confirm(t('common.confirmPublish'))
// 发起删除 // 发起删除
await InspectionRecordMainApi.publishInspectionRecordMain(row.id) await InspectionRecordMainApi.publishInspectionRecordMain(row.id)
message.success(t('common.publishSuccess')) message.success(t('common.publishSuccess'))
// 刷新列表 // 刷新列表
await getList() await getList()
} catch { } } catch {}
} }
//执行 //执行
const execute = async (type: string, row?: number) => { const execute = async (type: string, row?: number) => {
basicFormRef.value.open(type, row) basicFormRef.value.open(type, row)
} }
/** 导出按钮操作 */ /** 导出按钮操作 */
const exportLoading = ref(false) // 导出的加载中 const exportLoading = ref(false) // 导出的加载中
const handleExport = async () => { const handleExport = async () => {
try { try {
// 导出的二次确认 // 导出的二次确认
await message.exportConfirm() await message.exportConfirm()
// 发起导出 // 发起导出
exportLoading.value = true exportLoading.value = true
const data = await InspectionRecordMainApi.exportInspectionRecordMain(tableObject.params) const data = await InspectionRecordMainApi.exportInspectionRecordMain(tableObject.params)
download.excel(data, '备件申领记录主.xlsx') download.excel(data, '备件申领记录主.xlsx')
} catch { } catch {
} finally { } finally {
exportLoading.value = false exportLoading.value = false
}
} }
}
/** /**
* tableForm方法 * tableForm方法
*/ */
const tableFormKeys = {} const tableFormKeys = {}
InspectionRecordDetail.allSchemas.tableFormColumns.forEach(item => { InspectionRecordDetail.allSchemas.tableFormColumns.forEach((item) => {
tableFormKeys[item.field] = item.default ? item.default : '' tableFormKeys[item.field] = item.default ? item.default : ''
}) })
const tableData = ref([]) const tableData = ref([])
// // 主子数据 提交 // // 主子数据 提交
const submitForm = async (formType, data) => { const submitForm = async (formType, data) => {
// data.subList = tableData.value // 拼接子表数据参数 // data.subList = tableData.value // 拼接子表数据参数
try { try {
if (formType === 'create') { if (formType === 'create') {
await InspectionRecordMainApi.createInspectionRecordMain(data) await InspectionRecordMainApi.createInspectionRecordMain(data)
message.success(t('common.createSuccess')) message.success(t('common.createSuccess'))
}else { } else {
await InspectionRecordMainApi.updateInspectionRecordMain(data) await InspectionRecordMainApi.updateInspectionRecordMain(data)
message.success(t('common.updateSuccess')) message.success(t('common.updateSuccess'))
}
formRef.value.dialogVisible = false
// 刷新当前列表
getList()
} finally {
formRef.value.formLoading = false
} }
formRef.value.dialogVisible = false
// 刷新当前列表
getList()
} finally {
formRef.value.formLoading = false
}
} }
// 执行 // 执行
const submitFormExecute = async (formType, data) => { const submitFormExecute = async (formType, data) => {
// return // return
console.log(formType, data) console.log(formType, data)
@ -345,22 +397,31 @@ const submitFormExecute = async (formType, data) => {
} finally { } finally {
basicFormRef.value.formLoading = false basicFormRef.value.formLoading = false
} }
} }
// 筛选提交 // 筛选提交
const searchFormClick = (searchData) => { const searchFormClick = (searchData) => {
tableObject.params = { let isHave = searchData?.filters?.some((item) => item.column == 'inspectionType')
isSearch: true, if (!isHave) {
filters: searchData.filters searchData.filters.push({
} action: '!=',
getList() // 刷新当前列表 column: 'inspectionType',
value: '11'
})
}
tableObject.params = {
isSearch: true,
filters: searchData.filters
} }
getList() // 刷新当前列表
}
/** 初始化 **/ /** 初始化 **/
onMounted(async () => { onMounted(async () => {
tableObject.params = { tableObject.params = {
available: true available: true,
} excludeInspectionType: '11'
getList() }
}) getList()
})
</script> </script>

Write Preview
Loading…
Cancel
Save