sfms3.0-ui/src/views/qms/inspectionRecord/index.vue

<template>
  <ContentWrap>
    <!-- 搜索工作栏 -->
    <Search
      :schema="InspectionRecordMain.allSchemas.searchSchema"
      @search="searchParams"
      @reset="searchParams"
    />
  </ContentWrap>

  <!-- 列表头部 -->
  <TableHead
    :HeadButttondata="HeadButttondata"
    @button-base-click="buttonBaseClick"
    :routeName="routeName"
    @updataTableColumns="updataTableColumns"
    @searchFormClick="searchFormClick"
    :allSchemas="InspectionRecordMain.allSchemas"
  />

  <!-- 列表 -->
  <ContentWrap>
    <Table
      v-clientTable
      :columns="tableColumns"
      :data="tableObject.tableList"
      :loading="tableObject.loading"
      :pagination="{
        total: tableObject.total
      }"
      v-model:pageSize="tableObject.pageSize"
      v-model:currentPage="tableObject.currentPage"
      v-model:sort="tableObject.sort"
    >
      <template #number="{ row }">
        <el-button type="primary" link @click="openDetail(row, '单据号', row.number)">
          <span>{{ row.number }}</span>
        </el-button>
      </template>
      <template #action="{ row }">
        <ButtonBase
          :Butttondata="butttondata(row)"
          @button-base-click="buttonTableClick($event, row)"
        />
      </template>
    </Table>
  </ContentWrap>

  <!-- 表单弹窗：添加/修改 -->
  <UseAddForm
    ref="formRef"
    basicFormWidth="80"
    :tableAllSchemas="InspectionRecordPackage.allSchemas"
    :tableFormRules="InspectionRecordPackageRules"
    :rules="InspectionRecordUserRules"
    :formAllSchemas="InspectionRecordUser.allSchemas"
    @submitForm="submitForm"
  />

  <!-- 新增  -->
  <AddForm
    ref="basicFormRef"
    basicFormWidth="80"
    :formAllSchemas="InspectionRecordMain.allSchemas"
    :tableAllSchemas="InspectionJobPackage.allSchemas"
    :tableFormRules="InspectionJobPackageRules"
    :rules="InspectionTemplateRules"
    @submitForm="submitFormExecute"
  />

  <Detail
    ref="detailRef"
    :isBasic="false"
    :allSchemas="InspectionRecordMain.allSchemas"
    :detailAllSchemas="InspectionRecordDetail.allSchemas"
    :detailAllSchemasRules="InspectionRecordDetailRules"
    :apiCreate="InspectionRecordDetailApi.createInspectionRecordDetail"
    :apiUpdate="InspectionRecordDetailApi.updateInspectionRecordDetail"
    :apiPage="InspectionRecordDetailApi.getInspectionRecordDetailPage"
    :apiDelete="InspectionRecordDetailApi.deleteInspectionRecordDetail"
    @searchTableSuccessDetail="searchTableSuccessDetail"
    :isShowAddBtn="false"
    :detailButtonIsShow="true"
  />
  <!-- 包装信息 -->
  <ListTable
    ref="listTableRef"
    titleName="包装信息"
    :allSchemas="InspectionRecordMain.allSchemas"
    :detailAllSchemas="InspectionRecordPackage.allSchemas"
    :detailAllSchemasRules="InspectionRecordPackageRules"
    :list="list"
  />
  <el-dialog
    v-model="showQualityReport"
    :title="t('质检明细')"
    :append-to-body="false"
    destroy-on-close
    fullscreen
  >
    <iframe :height="reportHeight" width="100%" :src="qualityReport" frameborder="0"></iframe>
  </el-dialog>
</template>

<script setup lang="ts">
import download from '@/utils/download'
import {
  InspectionRecordMain,
  InspectionRecordMainRules,
  InspectionRecordDetail,
  InspectionRecordDetailRules,
  InspectionRecordPackage,
  InspectionRecordPackageRules,
  InspectionRecordUser,
  InspectionRecordUserRules
} from './inspectionRecordMain.data'
// import { InspectionJobPackage,InspectionJobPackageRules} from '../inspectionJob/inspectionJobMain.data'
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 { getReportUrl } from '@/utils/systemParam'
import { formatDate } from '@/utils/formatTime'

import {
  InspectionJobMain,
  InspectionJobMainRules,
  InspectionJobDetail,
  InspectionJobDetailRules,
  InspectionJobPackage,
  InspectionJobPackageRules
} from '../inspectionJob/inspectionJobMain.data'

import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
import { usePageLoading } from '@/hooks/web/usePageLoading'
const { loadStart, loadDone } = usePageLoading()
// 采购订单
defineOptions({ name: 'inspectionRecordMain' })

const message = useMessage() // 消息弹窗
const { t } = useI18n() // 国际化
const route = useRoute() // 路由信息
const routeName = ref()
routeName.value = route.name
const tableColumns = ref(InspectionRecordMain.allSchemas.tableColumns)
if (routeName.value == 'InspectRecordMain') {
  tableColumns.value = tableColumns.value.filter((item) => {
    return item.label != '操作'
  })
}
// 字段设置 更新主列表字段
const updataTableColumns = (val) => {
  if (routeName.value == 'InspectRecordMain') {
    tableColumns.value = val.filter((item) => {
      return item.label != '操作'
    })
  } else {
    tableColumns.value = val
  }
}

// 子表新增的时候选择表格之后需要会显得字段
const { tableObject, tableMethods } = useTable({
  getListApi: InspectionRecordMainApi.getInspectionRecordMainPage // 分页接口
})

// 获得表格的各种操作
const { getList, setSearchParams } = tableMethods

const searchParams = (model) => {
  if (route.name == 'inspectionRecordProduction') {
    model.available = 'TRUE'
    model.inspectionType = '4'
  } else if (route.name == 'inspectionRecordPurchase') {
    model.available = 'TRUE'
    model.inspectionType = '1'
  } else {
    model.available = 'TRUE'
    model.excludeInspectionType = '1,4,11'
  }
  setSearchParams(model)
}
// 列表头部按钮
let HeadButttondata = [
  defaultButtons.defaultExportBtn({ hasPermi: 'qms:inspection-recode-main:export' }), // 导出
  defaultButtons.defaultFreshBtn(null), // 刷新
  defaultButtons.defaultFilterBtn(null), // 筛选
  defaultButtons.defaultSetBtn(null) // 设置
]

// 头部按钮事件
const buttonBaseClick = (val, item) => {
  if (val == 'add') {
    // 新增
    openForm('create')
  } else if (val == 'import') {
    // 导入
    handleImport()
  } else if (val == 'export') {
    // 导出
    handleExport()
  } else if (val == 'refresh') {
    // 刷新
    getList()
  } else if (val == 'filtrate') {
    // 筛选
  } else {
    // 其他按钮
    console.log('其他按钮', item)
  }
}

const isShowMainButton = (row, val) => {
  if (!row.callbackRequestNumber) {
    //callbackRequestNumber为空是手工创建订单，不需要使用决策和发布
    return true
  }
  if (row.useDecision) {
    return row.isPublished
  } 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) => {
  if (val.indexOf(row.inspectionType) > -1) {
    return true
  } else {
    return false
  }
}
// 列表-操作按钮
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.mainListCloseBtn({
      hide: isShowMainButton(row, 'publish'),
      hasPermi: 'qms:inspection-recode-main:close'
    }), // 关闭
    defaultButtons.mainListPackageBtn({ hide: isShowPackageBtn(row, ['11']) }), // 包装
    // defaultButtons.mainListJobExeBtn({
    // hide:row.useDecision,
    // hasPermi: 'qms:inspection-recode-main:execute',
    //  }), // 执行
    defaultButtons.mainListEditBtn({ hide: isShowEditBtn(row, ['11']) }), // 编辑
    defaultButtons.mainListPlanCheckQualityReportBtn({}) // 查看质检报告
  ]
}

const listTableRef = ref()
const list = ref([])
const useDecisionList = getStrDictOptions(DICT_TYPE.USAGE_DECISION)
// const useDecisionList = InspectionRecordMain.allSchemas.formSchema.filter(item=>item.field == "useDecision")
// 列表-操作按钮事件
const buttonTableClick = async (val, row) => {
  if (val == 'mainClose') {
    handleOrderClose(row)
  } else if (val == 'applyDecision') {
    // 编辑
    // 评估代码值是1，接收时候，使用决策下拉列表是全部合格
    if (row.estimateCode == 1) {
      InspectionRecordMain.allSchemas.formSchema.forEach((itemColumn) => {
        if (itemColumn.field == 'useDecision') {
          itemColumn.componentProps.options = useDecisionList?.filter((item) => item.value == 1)
        }
      })
    } else if (row.estimateCode == 2) {
      InspectionRecordMain.allSchemas.formSchema.forEach((itemColumn) => {
        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 == 'mainPlanCheckQualityReport') {
    // 查看质检报告
    checkQualityReport(row)
  } else if (val == 'edit') {
    //修改
    // 执行
    execute('execute', row)
  }
}

// 查看质检报告
const reportHeight = ref(window.innerHeight - 120)
const showQualityReport = ref(false)
const qualityReport = ref('')
const checkQualityReport = async (row) => {
  showQualityReport.value = true
  qualityReport.value = getReportUrl() + '/purchasereceiptReport?asnNumber=' + row.asnNumber
}
/** 添加/修改操作 */
const basicFormRef = ref()
// const openForm = async (type : string, row ?: number) => {
//   tableData.value = [] // 重置明细数据
//   basicFormRef.value.open(type, row)
// }
/** 使用决策操作操作 */
const formRef = ref()
const rowData = ref()
const openUseForm = async (type: string, row?: number) => {
  tableData.value = [] // 重置明细数据
  rowData.value = row
  formRef.value.open(type, row)
}

/** 详情操作 */
const detailRef = ref()
const openDetail = (row: any, titleName: any, titleValue: any) => {
  detailRef.value.openDetail(row, titleName, titleValue, 'basicInspectionRecordMain')
}

/** 删除按钮操作 */
const handleDelete = async (id: number) => {
  try {
    // 删除的二次确认
    await message.delConfirm()
    // 发起删除
    await InspectionRecordMainApi.deleteInspectionRecordMain(id)
    message.success(t('common.delSuccess'))
    // 刷新列表
    await getList()
  } catch {}
}
/** 发布按钮操作 */
const handleOrderPub = async (row: object) => {
  try {
    // 删除的二次确认
    await message.confirm(t('common.confirmPublish'))
    // 发起删除
    await InspectionRecordMainApi.publishInspectionRecordMain(row.id)
    message.success(t('common.publishSuccess'))
    // 刷新列表
    await getList()
  } catch {}
}
/** 关闭按钮操作 */
const handleOrderClose = async (row: object) => {
  try {
    // 二次确认
    await message.confirm(t('ts.是否关闭所选中数据？'))
    row.isPublished = true
    row.packageList = await InspectionRecordPackageApi.getInspectionRecordPackageList(row.id)
    await InspectionRecordMainApi.updateInspectionRecordMain(row)
    message.success(t('ts.关闭成功!'))
    await getList()
  } catch {
    row.isPublished = false
  }
}
//执行

const execute = async (type: string, row?: number) => {
  basicFormRef.value.open(type, row)
}
/** 导出按钮操作 */
const handleExport = async () => {
  try {
    // 导出的二次确认
    await message.exportConfirm()
    // 发起导出
    loadStart()
    const excelTitle = ref(route.meta.title)
    const data = await InspectionRecordMainApi.exportInspectionRecordMain(tableObject.params)
    download.excel(data, `【${excelTitle.value}】【${formatDate(new Date())}】.xlsx`)
  } catch {
  } finally {
    loadDone()
  }
}

/**
 * tableForm方法
 */
const tableFormKeys = {}
InspectionRecordDetail.allSchemas.tableFormColumns.forEach((item) => {
  tableFormKeys[item.field] = item.default ? item.default : ''
})
const tableData = ref([])

//   // 主子数据 提交
const submitForm = async (formType, data) => {
  // data.subList = tableData.value // 拼接子表数据参数
  try {
    if (formType === 'create') {
      await InspectionRecordMainApi.createInspectionRecordMain(data)
      message.success(t('common.createSuccess'))
    } else {
      await InspectionRecordMainApi.updateInspectionRecordMain(data)
      message.success(t('common.updateSuccess'))
    }
    formRef.value.dialogVisible = false
    handleOrderPub(rowData.value)
    // 刷新当前列表
    getList()
  } finally {
    formRef.value.formLoading = false
  }
}
// 执行
const submitFormExecute = async (formType, data) => {
  // return
  console.log(formType, data)
  data.status = '2'
  try {
    basicFormRef.value.formLoading = true
    if (formType === 'create') {
      await InspectionJobMainApi.createInspectionJobMain(data)
      message.success(t('common.createSuccess'))
    } else if (formType === 'execute') {
      await InspectionRecordMainApi.executeInspectionRecordMain(data)
      message.success(t('common.updateSuccess'))
    }
    basicFormRef.value.dialogVisible = false
    basicFormRef.value.formLoading = false
    // 刷新当前列表
    getList()
  } finally {
    basicFormRef.value.formLoading = false
  }
}

// 筛选提交
const searchFormClick = (searchData) => {
  let isHave = searchData?.filters?.some((item) => item.column == 'inspectionType')
  if (!isHave) {
    if (route.name == 'inspectionRecordPurchase') {
      searchData.filters.push(
        {
          action: '==',
          column: 'inspectionType',
          value: '1'
        },
        {
          action: '==',
          column: 'available',
          value: true
        }
      )
    } else if (route.name == 'inspectionRecordProduction') {
      searchData.filters.push(
        {
          action: '==',
          column: 'inspectionType',
          value: '4'
        },
        {
          action: '==',
          column: 'available',
          value: true
        }
      )
    } else {
      searchData.filters.push({
        action: 'notIn',
        column: 'inspectionType',
        value: '1,4,11'
      })
    }
  }
  tableObject.params = {
    isSearch: true,
    filters: searchData.filters
  }
  getList() // 刷新当前列表
}

/** 初始化 **/
onMounted(async () => {
  if (route.name == 'inspectionRecordPurchase') {
    tableObject.params = {
      available: true,
      inspectionType: '1'
    }
  } else if (route.name == 'inspectionRecordProduction') {
    tableObject.params = {
      available: true,
      inspectionType: '4'
    }
  } else {
    tableObject.params = {
      available: true,
      excludeInspectionType: '1,4,11'
    }
  }

  getList()
})
defineExpose({
  getList
})
</script>