调整审批记录详情中获取到的字段,这都是有二级对象进行包裹的result: {,…}clxx: {carno: "冀D123456",…}carno: "冀D123456"carph: "data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAkcartype: "货车"comy: "无公司"isnul: "0"goodsapproveList: [{id: "1948694558940614658", createBy: null, createTime: "2025-07-25 18:39:23", updateBy: null,…},…]0: {id: "1948694558940614658", createBy: null, createTime: "2025-07-25 18:39:23", updateBy: null,…}applyreason: nullapplytype: nullapprove: "0"approveid: "13022319760802493X"approvemark: nullapprovename: "张龙"approverank: "1"carid: "1753439962505-4787"carno: "冀D123456"comy: nullcreateBy: nullcreateTime: "2025-07-25 18:39:23"createTime1: nullid: "1948694558940614658"name: "mingk"phone: nullphone1: nullplantime: nullqualifications: nullreviewrankname: nullsysOrgCode: nullupdateBy: nullupdateTime: null1: {id: "1948694559070638081", createBy: null, createTime: "2025-07-25 18:39:23", updateBy: null,…}applyreason: nullapplytype: nullapprove: "4"approveid: "612701198110266018"approvemark: nullapprovename: "高彦飞"approverank: "2"carid: "1753439962505-4787"carno: "冀D123456"comy: nullcreateBy: nullcreateTime: "2025-07-25 18:39:23"createTime1: nullid: "1948694559070638081"name: "mingk"phone: nullphone1: nullplantime: nullqualifications: nullreviewrankname: nullsysOrgCode: nullupdateBy: nullupdateTime: nullhwxx: {goodsph: [,…], qualifications: [,…]}goodsph: [,…]qualifications: [,…]sjxx: {name: "mingk", idnumber: "130320200309122399", phone: "17731035485"}idnumber: "130320200309122399"name: "mingk"phone: "17731035485"spxx: {org: "救护队", approvetype: "0"}approvetype: "0"org: "救护队"sqxx: {applytype: "0", applyreason: "送货", createTime: "2025-07-25 18:39:23", plantime: "2025-07-25 08:00:00",…}applyfor: "亲232311111111111111111"applyreason: "送货"applytype: "0"createTime: "2025-07-25 18:39:23"plantime: "2025-07-25 08:00:00"
好的,根据您提供的新的数据结构,我将调整审批记录详情页面 GoodsapproveDetail.vue,确保所有字段都能正确显示,并优化审批流程的展示逻辑。
主要调整包括:
result 对象下的二级嵌套结构(如 clxx, hwxx, sjxx, spxx, sqxx)匹配。clxx.carph, hwxx.goodsph, hwxx.qualifications 的预览逻辑。goodsapproveList 数组来动态生成步骤,并根据 approve 字段显示每个节点的审批状态。今日核验展现形式:数据卡片数据:今日核验、核验正常、核验异常数据字段:查询:日期、车牌号、姓名、核验状态列表:序号、申请类型、申请原因、业务审批部门、审批状态、核验状态(未核验、正常、异常)、申请时间(年月日+时分)、所属公司、姓名、身份证号、电话号、车牌号、车辆类型、计划入园时间(或计划出园时间)操作门岗核验:参照货车审批详情页字段+下方和核验操作详情样式:卡片样式,同访客审批板块的详情样式详情字段:申请信息:申请类型:入园或出园申请原因:申请时间:申请时间计划入园时间(或计划出园时间)申请说明:司机信息:姓名、身份证号、电话号、车辆信息:车牌号、车辆类型、行驶证照片、所属公司、是否空车、、货物信息:是否载货:货车内照片(图片预览)货物说明:运输相关资质(图片预览)审批信息业务审批部门:审批状态:审批状态(审批中、通过、驳回)审批节点审批节点状态:业务部门审批、党政办公室审批、审批完结审批节点记录:一次审批:业务部门审批部门审批:对应审批部门名称审批状态:审批时间:审批说明:二次审批:党政办公室审批部门审批:党政办公室审批状态:审批时间:审批说明:审批完结门岗核验核验:单选项:正常、异常,没有默认核验说明:文本框输入,必填
好的,我将根据您的要求,为“今日核验”功能设计和实现相关页面和组件。这包括数据卡片、列表、以及一个结合了详情展示和核验操作的模态框。
我将进行以下主要调整:
更新 Goodsapply.data.ts:
searchFormSchema 以包含日期、车牌号、姓名和核验状态的查询字段。columns 以匹配“今日核验”列表所需的字段,包括核验状态的自定义渲染。formSchema 将保持不变,用于门岗核验操作的表单字段。更新 GoodsapplyList.vue:
GoodsapplyModal(它将同时显示详情和核验表单)。TodayVerificationDetail.vue 组件,用于“详情”操作,提供只读的详细信息。创建 TodayVerificationDetail.vue:
sqxx, sjxx, clxx, hwxx, spxx, goodsapproveList) 来渲染数据。修改 GoodsapplyModal.vue:
TodayVerificationDetail.vue 相同的详细信息。Goodsapply.data.ts 中定义的核验表单 (outhe 和 markout),允许用户进行核验操作并提交。由于 Goodsapply.api.ts 文件已提供,我将直接使用它,并假设 getDetail 和 getCard 接口会返回所需的数据结构。