1 line
4.1 KiB
JSON
1 line
4.1 KiB
JSON
{"ast":null,"code":"export default {\n name: \"workOrderDetail\",\n data() {\n return {};\n }\n};","map":{"version":3,"names":["name","data"],"sources":["src/views/index/workOrderDetail.vue"],"sourcesContent":["<template>\r\n<div class=\"wrap\">\r\n <div class=\"baseInfo common\">\r\n <div class=\"title\">基本信息:</div>\r\n <div class=\"line\"></div>\r\n <div class=\"infoWrap\">\r\n <div class=\"leftTitle\">\r\n <div class=\"leftItem\">工单编号:</div>\r\n <div class=\"leftItem\">合同:</div>\r\n <div class=\"leftItem\">结算方式:</div>\r\n <div class=\"leftItem\">客户姓名:</div>\r\n <div class=\"leftItem\">客户电话:</div>\r\n <div class=\"leftItem\">车牌号:</div>\r\n <div class=\"leftItem\">车型品牌:</div>\r\n </div>\r\n <div class=\"rightContent\">\r\n <div class=\"rightItem\">ZD23097890987</div>\r\n <div class=\"rightItem\">平安产险</div>\r\n <div class=\"rightItem\">合同月结</div>\r\n <div class=\"rightItem\">万女士</div>\r\n <div class=\"rightItem\">15234447878</div>\r\n <div class=\"rightItem\">沪A123456</div>\r\n <div class=\"rightItem\">奥迪 A6L</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"serviceInfo common\">\r\n <div class=\"title\">服务信息:</div>\r\n <div class=\"line\"></div>\r\n <div class=\"infoWrap\">\r\n <div class=\"leftTitle\">\r\n <div class=\"leftItem\">服务类型:</div>\r\n <div class=\"leftItem\">车辆位于:</div>\r\n <div class=\"leftItem\">事发地:</div>\r\n <div class=\"leftItem\">事发地补充:</div>\r\n <div class=\"leftItem\">目的地:</div>\r\n <div class=\"leftItem\">目的地补充:</div>\r\n <div class=\"leftItem\">工单状态:</div>\r\n <div class=\"leftItem\">服务车辆:</div>\r\n <div class=\"leftItem\">服务师傅:</div>\r\n </div>\r\n <div class=\"rightContent\">\r\n <div class=\"rightItem\"故障--拖车</div>\r\n <div class=\"rightItem\">地面</div>\r\n <div class=\"rightItem\">合同月结</div>\r\n <div class=\"rightItem\">万女士</div>\r\n <div class=\"rightItem\">15234447878</div>\r\n <div class=\"rightItem\">沪A123456</div>\r\n <div class=\"rightItem\">奥迪 A6L</div>\r\n </div>\r\n </div>\r\n </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n name: \"workOrderDetail\",\r\n data(){\r\n return{\r\n\r\n }\r\n },\r\n}\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n@import \"@/styles/mixin.scss\";\r\n.wrap{\r\n width: 100%;\r\n height: 100%;\r\n background-color: #F4F5F7;\r\n}\r\n.common{\r\n background: #FFFFFF;\r\n border-radius: 6px;\r\n box-sizing: border-box;\r\n padding: 11px 17px 15px 24px;\r\n}\r\n.baseInfo{\r\n @include wh(100%,250px);\r\n margin-bottom: 12px;\r\n .infoWrap{\r\n display: flex;\r\n @include fontWeightSize(400,12px);\r\n color: #000000;\r\n line-height: 27px;\r\n .leftTitle{\r\n margin-right: 6px;\r\n @include wh(60px,189px);\r\n\r\n opacity: .5;\r\n }\r\n .rightContent{\r\n @include wh(90px,189px);\r\n }\r\n }\r\n}\r\n.serviceInfo{\r\n @include wh(100%,256px);\r\n .infoWrap{\r\n display: flex;\r\n @include fontWeightSize(400,12px);\r\n color: #000000;\r\n //line-height: 27px;\r\n .leftTitle{\r\n margin-right: 6px;\r\n //@include wh(60px,189px);\r\n\r\n opacity: .5;\r\n }\r\n .rightContent{\r\n //@include wh(90px,189px);\r\n }\r\n }\r\n}\r\n.title{\r\n @include fontWeightSize(500,14px);\r\n color: #323643;\r\n line-height: 20px;\r\n opacity: .6;\r\n}\r\n.line{\r\n @include wh(100%,2px);\r\n opacity: 0.16;\r\n border: 1px solid;\r\n margin: 7px 0;\r\n border-image: linear-gradient(270deg, rgba(217, 217, 217, 0.6), rgba(178, 178, 178, 1), rgba(178, 178, 178, 1), rgba(217, 217, 217, 0.6)) 1 1;\r\n}\r\n</style>"],"mappings":"AAwDA;EACAA,IAAA;EACAC,KAAA;IACA,QAEA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |