{"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>"]}