You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 line
12 KiB
1 line
12 KiB
{"version":3,"sources":["webpack:///src/views/butler/components/engineeringMaintenance/src/views/butler/components/engineeringMaintenance/engineeringMaintenanceDetail.vue"],"names":[],"mappings":"AA+QA,KACA,uBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,gBACA","file":"chunk-3bc1fe84.d5b5ff55.css","sourcesContent":["<template>\n <div>\n <FromCard style=\"marginTop:20px\">\n <template slot=\"title\">工单详情 <el-button @click=\"goback\">返回</el-button></template>\n <span style=\"fontSize:18px;color:#333333\">{{voRepairEngineeringFBI.status|capitalize}}</span>\n <el-row>\n <el-col :span=\"2\">工单编号</el-col>\n <el-col :span=\"12\">{{voRepairEngineeringFBI.code}}</el-col>\n </el-row>\n </FromCard>\n <FromCard style=\"marginTop:15px\">\n <template slot=\"title\">服务详情</template>\n <el-row>\n <el-col :span=\"2\"><span class=\"key\">报修区域</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.repairArea\">{{voRepairEngineeringFBI.repairArea}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n <el-col :span=\"2\"><span class=\"key\">申请来源</span></el-col>\n <el-col :span=\"5\">业主来电</el-col>\n </el-row>\n <el-row style=\"marginTop:15px\">\n <el-col :span=\"2\"><span class=\"key\">报修人</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.createName\">{{voRepairEngineeringFBI.createName}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n <el-col :span=\"2\"><span class=\"key\">联系电话</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.createTel\">{{voRepairEngineeringFBI.createTel}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n </el-row>\n <el-row style=\"marginTop:15px\">\n <el-col :span=\"2\"><span class=\"key\">报修内容</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.reportDetail\">{{voRepairEngineeringFBI.reportDetail}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n <el-col :span=\"2\"><span class=\"key\">报修时间</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.createDate\">{{voRepairEngineeringFBI.createDate}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n </el-row>\n <el-row style=\"marginTop:15px\">\n <el-col :span=\"2\"><span class=\"key\">照片</span></el-col>\n <el-col :span=\"10\" v-if=\"imglist.length==0\">\n <span>无</span>\n </el-col>\n <el-col :span=\"10\" v-else>\n <img style=\"width:200px;height:160px;marginRight:5px\" :src=\"'https://test.kaidalai.cn/static'+item.url\" v-for=\"(item,index) in imglist\" :key=\"index\">\n </el-col>\n </el-row>\n </FromCard>\n <FromCard style=\"marginTop:20px\">\n <template slot=\"title\">派单详情</template>\n <el-card shadow=\"never\">\n <el-row>\n <el-col :span=\"2\"><span class=\"key\">维修单位</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.organizationName\">{{voRepairEngineeringFBI.organizationName}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n </el-row>\n <el-row style=\"marginTop:15px\">\n <el-col :span=\"2\"><span class=\"key\">负责人</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.leadingName\">{{voRepairEngineeringFBI.leadingName}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n <el-col :span=\"2\"><span class=\"key\">联系电话</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.leadingTel\">{{voRepairEngineeringFBI.leadingTel}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n </el-row>\n </el-card>\n <el-card shadow=\"never\" style=\"marginTop:15px\"><el-row >\n <el-col :span=\"2\"><span class=\"key\">维修人</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.maintenanceStaffName\">{{voRepairEngineeringFBI.maintenanceStaffName}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n <el-col :span=\"2\"><span class=\"key\">所属部门</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.subordinateDepartmentsName\">{{voRepairEngineeringFBI.subordinateDepartmentsName}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n </el-row>\n <el-row style=\"marginTop:15px\">\n <el-col :span=\"2\"><span class=\"key\">联系电话</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.maintenanceStaffTel\">{{voRepairEngineeringFBI.maintenanceStaffTel}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n <el-col :span=\"2\"><span class=\"key\">接单时间</span></el-col>\n <el-col :span=\"5\" v-if=\"voRepairEngineeringFBI.maintenanceStaffPickSingleDate\">{{voRepairEngineeringFBI.maintenanceStaffPickSingleDate}}</el-col>\n <el-col :span=\"5\" v-else>无</el-col>\n </el-row></el-card>\n </FromCard>\n <FromCard style=\"marginTop:20px\">\n <template slot=\"title\">维修日志</template>\n <el-table :data=\"voRepairEngineeringReportList\">\n <el-table-column\n prop=\"createDate\"\n label=\"更新时间\"\n width=\"180\">\n </el-table-column>\n <el-table-column\n prop=\"content\"\n label=\"工作描述\"\n width=\"180\">\n </el-table-column>\n </el-table>\n </FromCard>\n <FromCard style=\"marginTop:20px\">\n <template slot=\"title\">处理进程记录</template>\n <el-table :data=\"voRepairEngineeringProcessRecordList\">\n <el-table-column\n prop=\"operationDate\"\n label=\"操作时间\"\n width=\"180\">\n </el-table-column>\n <el-table-column\n prop=\"operationType\"\n label=\"操作类型\"\n :formatter=\"dateFormat\"\n width=\"180\">\n </el-table-column>\n <el-table-column\n prop=\"operator\"\n label=\"操作人\"\n width=\"180\">\n </el-table-column>\n <el-table-column\n prop=\"operatorContent\"\n label=\"操作内容\"\n width=\"180\">\n </el-table-column>\n </el-table>\n </FromCard>\n <FromCard style=\"marginTop:20px\">\n <template slot=\"title\">工单验收情况</template>\n <el-card shadow=\"never\" v-for=\"(item,index) in voRepairEngineeringMaintenanceResultsList\" :key=\"index\">\n <span style=\"color:#666666;fontSize:14px;\">第 {{ index+1 }} 次验收</span>\n <el-row>\n <el-col :span=\"5\" style=\"borderRight:1px solid #EEEEEE\">\n <div class=\"key\">处理描述： {{item.content}}</div>\n <div class=\"key\">材料清单： {{item.billMaterials}}</div>\n <div class=\"key\">完成时间： {{item.createDate}}</div>\n \n </el-col>\n <el-col :span=\"10\" style=\"paddingLeft:200px\">\n <div class=\"key\">验收结果： {{item.results=1?'通过':'驳回'}}</div>\n <div class=\"key\">审核意见： {{item.advice}}</div>\n <div class=\"key\">验收时间： {{item.acceptanceDate}}</div>\n </el-col>\n </el-row>\n </el-card>\n </FromCard>\n </div>\n</template>\n\n<script>\nimport {repairEngineeringFindById} from '@/api/butler'\nexport default {\n // 过滤器过滤{{}}\n filters: {\n capitalize: function (value) {\n switch (value) {\n case 1:\n return '待派单'\n break;\n case 2:\n return '待派单'\n break;\n case 3:\n return '待接单'\n break;\n case 4:\n return '处理中'\n break;\n case 5:\n return '.已处理'\n break;\n case 6:\n return '验收失败'\n break;\n case 7:\n return '验收成功'\n break;\n case 8:\n return '已作废'\n break;\n case 9:\n return '已取消'\n break ;\n default:\n break;\n }\n }\n },\n data(){\n return{\n imglist:[],\n voRepairEngineeringFBI:{\n // 报事报修工程维修 vo findById 回显\n \n },\n voRepairEngineeringReportList:{\n // 报事报修工程维修 维修日志【工作汇报】\n },\n voRepairEngineeringProcessRecordList:{\n // 处理进程记录\n },\n voRepairEngineeringMaintenanceResultsList:{\n // 完成结果及验收结果\n }\n }\n },\n created(){\n // 获取路由query传过来的id 再用id去调用findbyid获取数据\n if(this.$route.query){\n console.log(this.$route.query.id);\n repairEngineeringFindById({repairEngineeringId:this.$route.query.id}).then(res=>{\n console.log(res);\n this.voRepairEngineeringFBI = res.data.voRepairEngineeringFBI\n this.voRepairEngineeringReportList = res.data.voRepairEngineeringReportList\n this.voRepairEngineeringProcessRecordList = res.data.voRepairEngineeringProcessRecordList\n this.voRepairEngineeringMaintenanceResultsList = res.data.voRepairEngineeringMaintenanceResultsList\n for(let i =0;i<res.data.voRepairEngineeringFBI.engineeringMaintenanceImgList.length;i++){\n this.imglist.push(res.data.voRepairEngineeringFBI.engineeringMaintenanceImgList[i])\n }\n })\n }\n },\n methods:{\n // 返回\n goback(){\n history.go(-1)\n },\n // 表单转义\n dateFormat(row,col){\n switch (row.operationType) {\n case 1:\n return '提交工程维修'\n break;\n case 2:\n return '派单'\n break;\n case 3:\n return '派单'\n break;\n case 4:\n return '接单'\n break;\n case 5:\n return '处理完成'\n break;\n case 6:\n return '验收驳回'\n break;\n case 7:\n return '验收通过'\n break;\n case 8:\n return '开始整改'\n break;\n case 9:\n return '作废'\n break;\n case 10:\n return '取消'\n break;\n default:\n break;\n }\n }\n }\n}\n</script>\n\n<style>\n .key{\n font-family: PingFang SC;\n font-size: 14px;\n font-style: normal;\n font-weight: 400;\n line-height: 20px;\n letter-spacing: 0px;\n }\n</style>"]} |