Merge branch 'master_hella' of http://dev.ccwin-in.com:3000/sfms3.0/sfms3.0-ui into master_hella

src/api/qms/inspectionJob/inspectionJobDetail/index.ts

@@ -1,27 +1,5 @@
 import request from '@/config/axios'
 
-export interface InspectionJobDetailVO {
-  number: string
-  applicationDate: localdate
-  applicationTime: Date
-  requestStartTime: Date
-  requestEndTime: Date
-  finishTime: Date
-  supplierCode: string
-  materialCode: string
-  batch: string
-  requestInspectionNum: number
-  referenceOrderCode: string
-  referenceOrderRow: number
-  referenceCertificateCode: string
-  referenceCertificateRow: number
-  inspectionSchemeCode: string
-  inspectionStageCode: string
-  applicationPackageCode: string
-  inspectionLevel: string
-  aqlValue: number
-  available: string
-}
 
 // 查询检验申请列表
 export const getInspectionJobDetailPage = async (params) => {
@@ -44,12 +22,12 @@ export const getInspectionJobDetail = async (id: number) => {
 }
 
 // 新增检验申请
-export const createInspectionJobDetail = async (data: InspectionJobDetailVO) => {
+export const createInspectionJobDetail = async (data) => {
   return await request.post({ url: `/qms/inspection-job-detail/create`, data })
 }
 
 // 修改检验申请
-export const updateInspectionJobDetail = async (data: InspectionJobDetailVO) => {
+export const updateInspectionJobDetail = async (data) => {
   return await request.put({ url: `/qms/inspection-job-detail/update`, data })
 }
 

src/api/qms/inspectionRecord/inspectionRecordDetail/index.ts

@@ -1,65 +1,47 @@
 import request from '@/config/axios'
 
-export interface InspectionRecordDetailVO {
+
-  number: string
-  applicationDate: localdate
-  applicationTime: Date
-  requestStartTime: Date
-  requestEndTime: Date
-  finishTime: Date
-  supplierCode: string
-  materialCode: string
-  batch: string
-  requestInspectionNum: number
-  referenceOrderCode: string
-  referenceOrderRow: number
-  referenceCertificateCode: string
-  referenceCertificateRow: number
-  inspectionSchemeCode: string
-  inspectionStageCode: string
-  applicationPackageCode: string
-  inspectionLevel: string
-  aqlValue: number
-  available: string
-}
 
 // 查询检验申请列表
 export const getInspectionRecordDetailPage = async (params) => {
   if (params.isSearch) {
     delete params.isSearch
     const data = {...params}
-    return await request.post({ url: '/inspection/inspection-recordord-detail/senior', data })
+    return await request.post({ url: '/qms/inspection-record-detail/senior', data })
   } else {
-    return await request.get({ url: `/inspection/inspectirecordrecord-detail/page`, params })
+    return await request.get({ url: `/qms/inspection-record-detail/page`, params })
   }
 }
-
+// 查询检验申请列表
+export const getInspectionRecordDetailList = async (id: number) => {
+  return await request.get({ url: `/qms/inspection-record-detail/list?masterId=` + id })
+}
 // 查询检验申请详情
 export const getInspectionRecordDetail = async (id: number) => {
-  return await request.get({ url: `/inspection/insperecordon-record-detail/get?id=` + id })
+  return await request.get({ url: `/qms/inspection-record-detail/get?id=` + id })
 }
 
 // 新增检验申请
-export const createInspectionRecordDetail = async (data: InspectionRecordDetailVO) => {
+export const createInspectionRecordDetail = async (data) => {
-  return await request.post({ url: `/inspection/inrecordction-record-detail/create`, data })
+  return await request.post({ url: `/qms/inspection-record-detail/create`, data })
 }
 
 // 修改检验申请
-export const updateInspectionRecordDetail = async (data: InspectionRecordDetailVO) => {
+export const updateInspectionRecordDetail = async (data) => {
-  return await request.put({ url: `/inspectionrecordspection-record-detail/update`, data })
+  return await request.put({ url: `/qms/inspection-record-detail/update`, data })
 }
 
 // 删除检验申请
 export const deleteInspectionRecordDetail = async (id: number) => {
-  return await request.delete({ url: `/inspectrecord/inspection-record-detail/delete?id=` + id })
+  return await request.delete({ url: `/qms/inspection-record-detail/delete?id=` + id })
 }
 
 // 导出检验申请 Excel
 export const exportInspectionRecordDetail = async (params) => {
-  return await request.download({ url: `/insprecordion/inspection-record-detail/export-excel`, params })
+  return await request.download({ url: `/qms/inspection-record-detail/export-excel`, params })
 }
 
 // 下载用户导入模板
 export const importTemplate = () => {
-  return request.download({ url: '/irecordection/inspection-record-detail/get-import-template' })
+  return request.download({ url: '/qms/inspection-record-detail/get-import-template' })
 }

src/api/qms/inspectionRecord/inspectionRecordMain/index.ts

@@ -28,38 +28,38 @@ export const getInspectionRecordMainPage = async (params) => {
   if (params.isSearch) {
     delete params.isSearch
     const data = {...params}
-    return await request.post({ url: '/inspection/inspection-record-main/senior', data })
+    return await request.post({ url: '/qms/inspection-record-main/senior', data })
   } else {
-    return await request.get({ url: `/inspection/inspection-record-main/page`, params })
+    return await request.get({ url: `/qms/inspection-record-main/page`, params })
   }
 }
 
 // 查询检验申请详情
 export const getInspectionRecordMain = async (id: number) => {
-  return await request.get({ url: `/inspection/inspection-record-main/get?id=` + id })
+  return await request.get({ url: `/qms/inspection-record-main/get?id=` + id })
 }
 
 // 新增检验申请
 export const createInspectionRecordMain = async (data: InspectionRecordMainVO) => {
-  return await request.post({ url: `/inspection/inspection-record-main/create`, data })
+  return await request.post({ url: `/qms/inspection-record-main/create`, data })
 }
 
 // 修改检验申请
 export const updateInspectionRecordMain = async (data: InspectionRecordMainVO) => {
-  return await request.put({ url: `/inspection/inspection-record-main/update`, data })
+  return await request.put({ url: `/qms/inspection-record-main/update`, data })
 }
 
 // 删除检验申请
 export const deleteInspectionRecordMain = async (id: number) => {
-  return await request.delete({ url: `/inspection/inspection-record-main/delete?id=` + id })
+  return await request.delete({ url: `/qms/inspection-record-main/delete?id=` + id })
 }
 
 // 导出检验申请 Excel
 export const exportInspectionRecordMain = async (params) => {
-  return await request.download({ url: `/inspection/inspection-record-main/export-excel`, params })
+  return await request.download({ url: `/qms/inspection-record-main/export-excel`, params })
 }
 
 // 下载用户导入模板
 export const importTemplate = () => {
-  return request.download({ url: '/inspection/inspection-record-main/get-import-template' })
+  return request.download({ url: '/qms/inspection-record-main/get-import-template' })
 }

src/views/qms/inspection/inspectionJob/addForm.vue

@@ -20,7 +20,6 @@
         />
         <el-tabs
           v-model="editableTabsValue"
-          editable
           class="demo-tabs"
           @edit="handleTabsEdit"
           type="border-card"
@@ -207,7 +206,6 @@
                     <el-col :span="12" v-if="item.inspectionJobCharacteristicsUpdateReqVO.resultEntryMethod == 1">
                       <el-form-item label="合格数量">
                         <el-input v-model="cur.qualifiedQuantity" placeholder="请输入合格数量"/>
-                        
                       </el-form-item>
                     </el-col>
                     <el-col :span="12" v-if="item.inspectionJobCharacteristicsUpdateReqVO.resultEntryMethod == 1">
@@ -315,6 +313,9 @@ import { DynamicRule } from '@/views/qms/basicDataManage/dynamicRule/dynamicRule
 import * as SelectedSetApi from '@/api/qms/selectedSet' //选择集
 import { SelectedSet } from '@/views/qms/basicDataManage/selectedSet/selectedSet.data' //选择集
 
+
+const { proxy } = getCurrentInstance()
+
 const message = useMessage() // 消息弹窗
 
 const props = defineProps({
@@ -441,6 +442,9 @@ const rules = ref({
   'inspectionJobCharacteristicsUpdateReqVO.inspectionEndTime': [
     { required: true, message: '请输入选择结束时间', trigger: 'blur' }
 ],
+qualifiedQuantity: [
+    { required: true, message: '请输入选择结束时间', trigger: 'blur' }
+],
 
 
 })
@@ -638,50 +642,45 @@ const submitForm = async () => {
   const valid = await elForm.validate()
   if (!valid) return
   // const bol1 = await validateForm(formProcessRef.value)
-  // const bol2 = await validateForm(formFeaturesRef.value)
+  const bol2 = await validateForm(formFeaturesRef.value)
-  //   console.log(bol2)
+   if (!bol2) {
-  //  if (!bol2) {
+      message.error(`模板中有检验工序和检验特性未填写完全`)
-  //     message.error(`模板中有检验工序和检验特性未填写完全`)
+      return
-  //     return
+    }
-  //   }
   // 判断附加费用数组是否有未填的选项
   let arrBol = data.value.subList.map((item, index) => {
+    let arr1 = []
       if(item.inspectionJobCharacteristicsUpdateReqVO.resultEntryMethod == 1){
-        return item.inspectionJobCharacteristicsUpdateReqVO.recordInspectionQuantifyList.some((cur,key) =>{
+        arr1.push(item.inspectionJobCharacteristicsUpdateReqVO.recordInspectionQuantifyList.some((cur,key) =>{
           return !cur.qualifiedQuantity || !cur.unqualifiedQuantity
-        })
+        }))
       }
-		})
+      if(item.samplingProcessRespVO.evaluationMode == 1){
-    console.log(arrBol)
+        arr1.push(item.inspectionJobCharacteristicsUpdateReqVO.recordInspectionQuantifyList.some((cur,key) =>{
-    let isEmpty1 = arrBol.some(item=>item== true)
+          return !cur.estimateCode ||!cur.defectLevel 
-		if (isEmpty1) {
+        }))
-			proxy.$modal.msgError("请填写完整信息");
-			return;
       }
-    return
+      if(item.inspectionJobCharacteristicsUpdateReqVO.featureType == 0){
-    // if (!data.value.process || data.value.process.length == 0) {
+        arr1.push( item.inspectionJobCharacteristicsUpdateReqVO.recordInspectionQuantifyList.some((cur,key) =>{
-    //   message.error(`请添加工序`)
+          return !cur.inspectionValue
-    //   return
+        }))
-    // }
+      }
-    // const bol1 = await validateForm(formProcessRef.value)
+      if(item.inspectionJobCharacteristicsUpdateReqVO.featureType == 1){
-    // const bol2 = await validateForm(formFeaturesRef.value)
+        arr1.push(item.inspectionJobCharacteristicsUpdateReqVO.recordInspectionQuantifyList.some((cur,key) =>{
-    // if (!bol1 || !bol2) {
+          return  !cur.qualitativeCode
-    //   message.error(`模板中有检验工序和检验特性未填写完全`)
+        }))
-    //   return
+      }
-    // }
+      return arr1
-    // const arr = data.value.process.filter(
+		})
-    //   (item) =>
+//     console.log(arrBol)
-    //     !item.inspectionJobCharacteristicsUpdateReqVO.quantifyIsCapping &&
+//     let isEmpty1 = arrBol.filter(item=>item == true)
-    //     !item.inspectionJobCharacteristicsUpdateReqVO.quantifyIsLowlimit &&
+//     arrBol.forEach(item=>{
-    //     !item.inspectionJobCharacteristicsUpdateReqVO.quantifyIsTarget &&
+// console.log('1q1q')
-    //     item.inspectionJobCharacteristicsUpdateReqVO.featureType == 0
+// console.log(typeof item)
-    // )
+//     })
-    // console.log(arr)
+    // setTimeout(()=>{
-    // if (arr && arr.length > 0) {
+    // console.log(arrBol.includes(true))
-    //   const str = arr.map((item) => item.description).join(',')
+    // },2000)
-    //   message.error(`${str}是否设定上线,是否设定下限,是否是定目标值至少一项为是`)
-    //   return
-    // }
     if (formType.value == 'create') {
       // 主子表——提交请求
       emit('submitForm', formType.value, data.value)

src/views/qms/inspection/inspectionJob/detail.vue

@@ -0,0 +1,310 @@
+<template>
+  <div>
+    <el-drawer
+      v-model="isShowDrawer"
+      title="详情"
+      direction="rtl"
+      size="80%"
+      v-loading="detailLoading"
+    >
+      <template #header>
+        <div class="font-size-18px">
+          {{ titleValueRef }} <span class="ml-20px font-size-16px">{{ titleNameRef }}</span>
+        </div>
+      </template>
+      <ContentWrap v-if="!isBasic">
+        <Descriptions
+          :data="data"
+          labelClassName="label-class-name"
+          label-align="left"
+          direction="vertical"
+          :column="8"
+          :schema="allSchemas.detailSchema"
+          :columns="2"
+          width="200px"
+        />
+      </ContentWrap>
+      <ContentWrap>
+        <el-tabs
+          v-model="editableTabsValue"
+          class="demo-tabs"
+          type="border-card"
+          tab-position="left"
+          :stretch="false"
+        >
+          <el-tab-pane
+            v-for="item in data.subList"
+            :key="item.name"
+            :label="item.processCode"
+            :name="item.name"
+          >
+            <div class="small-title">检验工序</div>
+            <el-form :model="item" label-width="auto" ref="formProcessRef">
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item label="编码" prop="processCode">
+                    <el-input v-model="item.processCode" placeholder="根据系统生成" :disabled="true" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="检验方案模板编码">
+                    <el-input
+                      v-model="item.inspectionCode"
+                      placeholder="根据系统生成"
+                      :disabled="true"
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="描述" prop="processDescribe">
+                    <el-input v-model="item.processDescribe"  :disabled="true" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="顺序号" prop="sequenceCode">
+                    <el-input v-model="item.sequenceCode"  :disabled="true" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="检验特性编码">
+                    <el-input
+                      v-model="item.inspectionCharCode"
+                      placeholder="根据系统生成"
+                      :disabled="true"
+                    />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+            <div class="small-title">检验特性</div>
+            <el-form :model="item" label-width="auto"  ref="formFeaturesRef">
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item label="编码">
+                    <el-input
+                      v-model="item.inspectionJobCharacteristicsRespVO.number"
+                      placeholder="根据系统生成"
+                      :disabled="true"
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="描述" prop="inspectionJobCharacteristicsRespVO.description">
+                    <el-input v-model="item.inspectionJobCharacteristicsRespVO.description"  :disabled="true" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                <el-form-item
+                  label="检验方法"
+                  prop="inspectionJobCharacteristicsRespVO.inspectionMethodCode"
+                >
+                  <div style="display: flex; width: 100%">
+                    <el-input
+                      v-model="item.inspectionJobCharacteristicsRespVO.inspectionMethodName"
+                      disabled
+                      placeholder="请选择检验方法"
+                    />
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="采样过程编码"
+                  prop="inspectionJobCharacteristicsRespVO.inspectionMethod"
+                >
+                  <div style="display: flex; width: 100%">
+                    <el-input
+                      v-model="item.inspectionJobCharacteristicsRespVO.inspectionName"
+                      disabled
+                      placeholder="请选择采样过程编码"
+                    />
+                  </div>
+                </el-form-item>
+              </el-col>
+              <!-- <el-col :span="12">
+                <el-form-item
+                  label="动态修改规则编码"
+                  prop="inspectionJobCharacteristicsRespVO.dynamicUpdateCode"
+                >
+                  <div style="display: flex; width: 100%">
+                    <el-input
+                      v-model="item.inspectionJobCharacteristicsRespVO.dynamicUpdateName"
+                      disabled
+                      placeholder="请选择动态修改规则编码"
+                    />
+                  </div>
+                </el-form-item>
+              </el-col> -->
+                <el-col :span="12">
+                  <el-form-item
+                    label="是否允许修改特征值"
+                    prop="inspectionJobCharacteristicsRespVO.isCanUpdate"
+                  >
+                    <el-switch
+                      v-model="item.inspectionJobCharacteristicsRespVO.isCanUpdate"
+                      disabled
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    label="结果录入方式"
+                    prop="inspectionJobCharacteristicsRespVO.resultEntryMethod"
+                  >
+                    <el-select
+                      v-model="item.inspectionJobCharacteristicsRespVO.resultEntryMethod"
+                      placeholder="请选择结果录入方式"
+                      @change="resultEntryMethodChange($event,item)"
+                      disabled
+                    >
+                      <el-option
+                        v-for="dict in getStrDictOptions(
+                          DICT_TYPE.INSPECTION_CHARACTERISTICS_RESULT_ENTRY
+                        )"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="特征类型" prop="inspectionJobCharacteristicsRespVO.featureType">
+                    <el-select
+                      v-model="item.inspectionJobCharacteristicsRespVO.featureType"
+                      placeholder="请选择特征类型"
+                      @change="changeFeatureType"
+                      disabled
+                    >
+                      <el-option v-for="dict in getStrDictOptions( DICT_TYPE.INSPECTION_CHARACTERISTICS_FEATURE_TYPE )"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                </el-col> 
+                <el-col :span="12">
+                  <el-form-item label="开始时间" prop="inspectionJobCharacteristicsRespVO.inspectionStartTime">
+                    <el-date-picker
+                      v-model="item.inspectionJobCharacteristicsRespVO.inspectionStartTime"
+                      type="datetime"
+                      placeholder="请选择开始时间"
+                      style="width: 100%"
+                      value-format="x"
+                      disabled
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="结束时间" prop="inspectionJobCharacteristicsRespVO.inspectionEndTime">
+                    <el-date-picker
+                      v-model="item.inspectionJobCharacteristicsRespVO.inspectionEndTime"
+                      type="datetime"
+                      placeholder="请选择结束时间"
+                      style="width: 100%"
+                      value-format="x"
+                      disabled
+                    />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </el-tab-pane>
+        </el-tabs>
+      </ContentWrap>
+    </el-drawer>
+   
+  </div>
+</template>
+
+<script lang="ts" setup>
+import * as InspectionJobDetailPageApi from '@/api/qms/inspectionJob/inspectionJobDetail'
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
+
+defineOptions({ name: 'Detail' })
+
+const editableTabsValue = ref('1')
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const updateKey = ref(0)
+
+const props = defineProps({
+  // 表单，列表 相关信息
+  allSchemas: {
+    type: Object,
+    required: true,
+    default: null
+  },
+  // 明细列表相关信息
+  detailAllSchemas: {
+    type: Object,
+    required: true,
+    default: null
+  },
+  // 详情列表扩展操作按钮
+  buttondataTable: {
+    type: Array,
+    required: false,
+    default: ()=>{
+      return []
+    }
+  },
+})
+const isShowDrawer = ref(false)
+const detailLoading = ref(false)
+const data = ref({
+  code: '',
+  itemCode: '',
+  version: '',
+  testTypeCode: '',
+  programmeTemplateCode: '',
+  splitRule: '',
+  aql: '',
+  inspectionLevel: '',
+  effectiveDate: '',
+  expirationDate: '',
+  available: 'TRUE',
+  subList: []
+})
+
+/** 打开弹窗 */
+const formRef = ref()
+const titleNameRef = ref()
+const titleValueRef = ref()
+const openDetail = async (row: any, titleName: any, titleValue: any, tableName: any) => {
+  titleNameRef.value = titleName
+  titleValueRef.value = titleValue
+ 
+  isShowDrawer.value = true
+  if (row) {
+    detailLoading.value = true
+    try {
+      data.value = row
+      let list = []
+      list = await InspectionJobDetailPageApi.getInspectionJobDetailList(row.id)
+      list.forEach((item, index) => {
+      editableTabsValue.value = index + 1
+      item.name = index + 1
+      })
+      data.value.subList = list
+    } finally {
+      detailLoading.value = false
+    }
+  }
+}
+defineExpose({ openDetail }) // 提供 open 方法，用于打开弹窗
+
+
+</script>
+<style lang="scss">
+.el-drawer__body {
+  background: #f5f5f5 !important;
+}
+
+::v-deep(.label-class-name) {
+  color: #dedede;
+}
+</style>
+<style scoped lang="scss"></style>

src/views/qms/inspection/inspectionJob/index.vue

@@ -43,14 +43,23 @@
     :formAllSchemas="InspectionJobMain.allSchemas"
     @submitForm="submitForm"
   />
+  <Detail
+  ref="detailRef" :isBasic="false" :allSchemas="InspectionJobMain.allSchemas"
+    :detailAllSchemas="InspectionJobDetail.allSchemas" :detailAllSchemasRules="InspectionJobDetailRules"
+    :apiCreate="InspectionJobDetailApi.createInspectionJobDetail"
+    :apiUpdate="InspectionJobDetailApi.updateInspectionJobDetail"
+    :apiPage="InspectionJobDetailApi.getInspectionJobDetailPage"
+    :apiDelete="InspectionJobDetailApi.deleteInspectionJobDetail" @searchTableSuccessDetail="searchTableSuccessDetail"
+    :isShowAddBtn="false" :detailButtonIsShow="true"
+  />
   <!-- 详情 -->
-  <Detail ref="detailRef" :isBasic="false" :allSchemas="InspectionJobMain.allSchemas"
+  <!-- <Detail ref="detailRef" :isBasic="false" :allSchemas="InspectionJobMain.allSchemas"
     :detailAllSchemas="InspectionJobDetail.allSchemas" :detailAllSchemasRules="InspectionJobDetailRules"
     :apiCreate="InspectionJobDetailApi.createInspectionJobDetail"
     :apiUpdate="InspectionJobDetailApi.updateInspectionJobDetail"
     :apiPage="InspectionJobDetailApi.getInspectionJobDetailPage"
     :apiDelete="InspectionJobDetailApi.deleteInspectionJobDetail" @searchTableSuccessDetail="searchTableSuccessDetail"
-    :isShowAddBtn="false" :detailButtonIsShow="true"/>
+    :isShowAddBtn="false" :detailButtonIsShow="true"/> -->
 
   <!-- 导入 -->
   <ImportForm ref="importFormRef" url="/wms/purchase-main/import" :importTemplateData="importTemplateData"
@@ -68,6 +77,7 @@
   import TableHead from '@/components/TableHead/src/TableHead.vue'
   import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
   import AddForm from './addForm.vue'
+  import Detail from './detail.vue'
   import * as InspectionPlanApi from '@/api/qms/inspectionPlan'
 
   // 采购订单
@@ -131,7 +141,7 @@
   // 列表头部按钮
   const HeadButttondata = [
     // defaultButtons.defaultAddBtn(null), // 新增
-    defaultButtons.defaultExportBtn(null), // 导出
+    // defaultButtons.defaultExportBtn(null), // 导出
     defaultButtons.defaultFreshBtn(null), // 刷新
     defaultButtons.defaultFilterBtn(null), // 筛选
     defaultButtons.defaultSetBtn(null), // 设置

src/views/qms/inspection/inspectionRecord/detail.vue

@@ -0,0 +1,310 @@
+<template>
+  <div>
+    <el-drawer
+      v-model="isShowDrawer"
+      title="详情"
+      direction="rtl"
+      size="80%"
+      v-loading="detailLoading"
+    >
+      <template #header>
+        <div class="font-size-18px">
+          {{ titleValueRef }} <span class="ml-20px font-size-16px">{{ titleNameRef }}</span>
+        </div>
+      </template>
+      <ContentWrap v-if="!isBasic">
+        <Descriptions
+          :data="data"
+          labelClassName="label-class-name"
+          label-align="left"
+          direction="vertical"
+          :column="8"
+          :schema="allSchemas.detailSchema"
+          :columns="2"
+          width="200px"
+        />
+      </ContentWrap>
+      <ContentWrap>
+        <el-tabs
+          v-model="editableTabsValue"
+          class="demo-tabs"
+          type="border-card"
+          tab-position="left"
+          :stretch="false"
+        >
+          <el-tab-pane
+            v-for="item in data.subList"
+            :key="item.name"
+            :label="item.processCode"
+            :name="item.name"
+          >
+            <div class="small-title">检验工序</div>
+            <el-form :model="item" label-width="auto" ref="formProcessRef">
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item label="编码" prop="processCode">
+                    <el-input v-model="item.processCode" placeholder="根据系统生成" :disabled="true" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="检验方案模板编码">
+                    <el-input
+                      v-model="item.inspectionCode"
+                      placeholder="根据系统生成"
+                      :disabled="true"
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="描述" prop="processDescribe">
+                    <el-input v-model="item.processDescribe"  :disabled="true" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="顺序号" prop="sequenceCode">
+                    <el-input v-model="item.sequenceCode"  :disabled="true" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="检验特性编码">
+                    <el-input
+                      v-model="item.inspectionCharCode"
+                      placeholder="根据系统生成"
+                      :disabled="true"
+                    />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+            <div class="small-title">检验特性</div>
+            <el-form :model="item" label-width="auto"  ref="formFeaturesRef">
+              <el-row :gutter="20">
+                <el-col :span="12">
+                  <el-form-item label="编码">
+                    <el-input
+                      v-model="item.inspectionJobCharacteristicsRespVO.number"
+                      placeholder="根据系统生成"
+                      :disabled="true"
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="描述" prop="inspectionJobCharacteristicsRespVO.description">
+                    <el-input v-model="item.inspectionJobCharacteristicsRespVO.description"  :disabled="true" />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                <el-form-item
+                  label="检验方法"
+                  prop="inspectionJobCharacteristicsRespVO.inspectionMethodCode"
+                >
+                  <div style="display: flex; width: 100%">
+                    <el-input
+                      v-model="item.inspectionJobCharacteristicsRespVO.inspectionMethodName"
+                      disabled
+                      placeholder="请选择检验方法"
+                    />
+                  </div>
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item
+                  label="采样过程编码"
+                  prop="inspectionJobCharacteristicsRespVO.inspectionMethod"
+                >
+                  <div style="display: flex; width: 100%">
+                    <el-input
+                      v-model="item.inspectionJobCharacteristicsRespVO.inspectionName"
+                      disabled
+                      placeholder="请选择采样过程编码"
+                    />
+                  </div>
+                </el-form-item>
+              </el-col>
+              <!-- <el-col :span="12">
+                <el-form-item
+                  label="动态修改规则编码"
+                  prop="inspectionJobCharacteristicsRespVO.dynamicUpdateCode"
+                >
+                  <div style="display: flex; width: 100%">
+                    <el-input
+                      v-model="item.inspectionJobCharacteristicsRespVO.dynamicUpdateName"
+                      disabled
+                      placeholder="请选择动态修改规则编码"
+                    />
+                  </div>
+                </el-form-item>
+              </el-col> -->
+                <el-col :span="12">
+                  <el-form-item
+                    label="是否允许修改特征值"
+                    prop="inspectionJobCharacteristicsRespVO.isCanUpdate"
+                  >
+                    <el-switch
+                      v-model="item.inspectionJobCharacteristicsRespVO.isCanUpdate"
+                      disabled
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item
+                    label="结果录入方式"
+                    prop="inspectionJobCharacteristicsRespVO.resultEntryMethod"
+                  >
+                    <el-select
+                      v-model="item.inspectionJobCharacteristicsRespVO.resultEntryMethod"
+                      placeholder="请选择结果录入方式"
+                      @change="resultEntryMethodChange($event,item)"
+                      disabled
+                    >
+                      <el-option
+                        v-for="dict in getStrDictOptions(
+                          DICT_TYPE.INSPECTION_CHARACTERISTICS_RESULT_ENTRY
+                        )"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="特征类型" prop="inspectionJobCharacteristicsRespVO.featureType">
+                    <el-select
+                      v-model="item.inspectionJobCharacteristicsRespVO.featureType"
+                      placeholder="请选择特征类型"
+                      @change="changeFeatureType"
+                      disabled
+                    >
+                      <el-option v-for="dict in getStrDictOptions( DICT_TYPE.INSPECTION_CHARACTERISTICS_FEATURE_TYPE )"
+                        :key="dict.value"
+                        :label="dict.label"
+                        :value="dict.value"
+                      />
+                    </el-select>
+                  </el-form-item>
+                </el-col> 
+                <el-col :span="12">
+                  <el-form-item label="开始时间" prop="inspectionJobCharacteristicsRespVO.inspectionStartTime">
+                    <el-date-picker
+                      v-model="item.inspectionJobCharacteristicsRespVO.inspectionStartTime"
+                      type="datetime"
+                      placeholder="请选择开始时间"
+                      style="width: 100%"
+                      value-format="x"
+                      disabled
+                    />
+                  </el-form-item>
+                </el-col>
+                <el-col :span="12">
+                  <el-form-item label="结束时间" prop="inspectionJobCharacteristicsRespVO.inspectionEndTime">
+                    <el-date-picker
+                      v-model="item.inspectionJobCharacteristicsRespVO.inspectionEndTime"
+                      type="datetime"
+                      placeholder="请选择结束时间"
+                      style="width: 100%"
+                      value-format="x"
+                      disabled
+                    />
+                  </el-form-item>
+                </el-col>
+              </el-row>
+            </el-form>
+          </el-tab-pane>
+        </el-tabs>
+      </ContentWrap>
+    </el-drawer>
+   
+  </div>
+</template>
+
+<script lang="ts" setup>
+import * as InspectionRecordDetailPageApi from '@/api/qms/inspectionRecord/inspectionRecordDetail'
+import { DICT_TYPE, getStrDictOptions } from '@/utils/dict'
+
+defineOptions({ name: 'InspectionRecordDetail' })
+
+const editableTabsValue = ref('1')
+const message = useMessage() // 消息弹窗
+const { t } = useI18n() // 国际化
+
+const updateKey = ref(0)
+
+const props = defineProps({
+  // 表单，列表 相关信息
+  allSchemas: {
+    type: Object,
+    required: true,
+    default: null
+  },
+  // 明细列表相关信息
+  detailAllSchemas: {
+    type: Object,
+    required: true,
+    default: null
+  },
+  // 详情列表扩展操作按钮
+  buttondataTable: {
+    type: Array,
+    required: false,
+    default: ()=>{
+      return []
+    }
+  },
+})
+const isShowDrawer = ref(false)
+const detailLoading = ref(false)
+const data = ref({
+  code: '',
+  itemCode: '',
+  version: '',
+  testTypeCode: '',
+  programmeTemplateCode: '',
+  splitRule: '',
+  aql: '',
+  inspectionLevel: '',
+  effectiveDate: '',
+  expirationDate: '',
+  available: 'TRUE',
+  subList: []
+})
+
+/** 打开弹窗 */
+const formRef = ref()
+const titleNameRef = ref()
+const titleValueRef = ref()
+const openDetail = async (row: any, titleName: any, titleValue: any, tableName: any) => {
+  titleNameRef.value = titleName
+  titleValueRef.value = titleValue
+ 
+  isShowDrawer.value = true
+  if (row) {
+    detailLoading.value = true
+    try {
+      data.value = row
+      let list = []
+      list = await InspectionRecordDetailPageApi.getInspectionRecordDetailList(row.id)
+      list.forEach((item, index) => {
+      editableTabsValue.value = index + 1
+      item.name = index + 1
+      })
+      data.value.subList = list
+    } finally {
+      detailLoading.value = false
+    }
+  }
+}
+defineExpose({ openDetail }) // 提供 open 方法，用于打开弹窗
+
+
+</script>
+<style lang="scss">
+.el-drawer__body {
+  background: #f5f5f5 !important;
+}
+
+::v-deep(.label-class-name) {
+  color: #dedede;
+}
+</style>
+<style scoped lang="scss"></style>

src/views/qms/inspection/inspectionRecord/index.vue

@@ -35,17 +35,23 @@
     @handleDeleteTable="handleDeleteTable" @searchTableSuccess="searchTableSuccess" @submitForm="submitForm" />
 
   <!-- 详情 -->
-  <Detail ref="detailRef" :isBasic="false" :allSchemas="InspectionRecordMain.allSchemas"
+  <!-- <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" />
+    @searchTableSuccessDetail="searchTableSuccessDetail" :isShowAddBtn="false" :detailButtonIsShow="true" /> -->
-
+   <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"
+  /> 
   <!-- 导入 -->
-  <ImportForm ref="importFormRef" url="/wms/purchase-main/import" :importTemplateData="importTemplateData"
-    @success="importSuccess" :isShowOut="true" :updateIsDisable="true" :coverIsDisable="true" :mode="2" />
 </template>
 
 <script setup lang="ts">
@@ -55,7 +61,7 @@
   import * as InspectionRecordDetailApi from '@/api/qms/inspectionRecord/inspectionRecordDetail'
   import * as defaultButtons from '@/utils/disposition/defaultButtons'
   import TableHead from '@/components/TableHead/src/TableHead.vue'
-  import ImportForm from '@/components/ImportForm/src/ImportForm.vue'
+  import Detail from './detail.vue'
 
   // 采购订单
   defineOptions({ name: 'InspectionRecordMain' })