1 line
4.8 KiB
JSON
1 line
4.8 KiB
JSON
{"ast":null,"code":"import CommonBtn from \"@/components/commonBtn.vue\";\nexport default {\n name: \"supplySettlement\",\n data() {\n return {};\n },\n methods: {\n btnSubmmit() {\n console.log(\"补结算单提交\");\n }\n },\n components: {\n CommonBtn\n }\n};","map":{"version":3,"names":["CommonBtn","name","data","methods","btnSubmmit","console","log","components"],"sources":["src/views/index/supplySettlement.vue"],"sourcesContent":["<template>\r\n <div class=\"wrap\">\r\n <div class=\"kilometers common\">\r\n <div class=\"title\">公里数:</div>\r\n <div class=\"line\"></div>\r\n <div class=\"metersWrap\">\r\n <div class=\"leftKiloMeters\">\r\n <div>AB段公里数</div>\r\n <div>BC段公里数</div>\r\n <div>CA段公里数</div>\r\n </div>\r\n <div class=\"rightInputMeters\">\r\n <div><input type=\"number\"/>公里</div>\r\n <div><input type=\"number\"/>公里</div>\r\n <div><input type=\"number\"/>公里</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"roadBridgeFee common\">\r\n <div class=\"title\">路桥费:</div>\r\n <div class=\"line\"></div>\r\n <div class=\"metersWrap\">\r\n <div class=\"leftKiloMeters\">\r\n <div>AB段公里数</div>\r\n <div>BC段公里数</div>\r\n <div>CA段公里数</div>\r\n </div>\r\n <div class=\"rightInputMeters\">\r\n <div><input type=\"number\"/>公里</div>\r\n <div><input type=\"number\"/>公里</div>\r\n <div><input type=\"number\"/>公里</div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"otherFee common\">\r\n <div class=\"title\">其他费用:</div>\r\n <div class=\"line\"></div>\r\n <div class=\"metersWrap\">\r\n <div class=\"leftKiloMeters\">\r\n <div>小轮个数</div>\r\n <div>等候费</div>\r\n <div>困境费</div>\r\n <div class=\"blueColor\">已收取客户金额</div>\r\n </div>\r\n <div class=\"rightInputMeters\" style=\"opacity: 1\">\r\n <div class=\"alignRight\"><input type=\"number\"/>个</div>\r\n <div class=\"alignRight\"><input type=\"number\"/>元</div>\r\n <div class=\"alignRight\"><input type=\"number\"/>元</div>\r\n <div class=\"blueColor\"><input type=\"number\"/>元</div>\r\n </div>\r\n </div>\r\n </div>\r\n <common-btn class=\"btn\"/>\r\n<!-- <button class=\"btnSubmmit\" @click=\"btnSubmmit\">提交</button>-->\r\n </div>\r\n</template>\r\n\r\n<script>\r\nimport CommonBtn from \"@/components/commonBtn.vue\"\r\nexport default {\r\n name: \"supplySettlement\",\r\n data(){\r\n return{}\r\n },\r\n methods:{\r\n btnSubmmit(){\r\n console.log(\"补结算单提交\")\r\n }\r\n },\r\n components:{\r\n CommonBtn\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 @include wh(100%, 161px);\r\n background: #FFFFFF;\r\n backdrop-filter: blur(5.602678571428572px);\r\n box-sizing: border-box;\r\n padding: 10px 17px 10px 24px;\r\n margin-bottom: 10px;\r\n}\r\n.otherFee {\r\n @include wh(100%, 198px)\r\n}\r\n.title {\r\n @include fontWeightSize(500, 14px);\r\n color: #323643;\r\n opacity: 0.66;\r\n}\r\n.line {\r\n @include wh(calc(100% - 10px), 2px);\r\n text-align: center;\r\n opacity: 0.16;\r\n border-top: 1px solid;\r\n margin-top: 8px;\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.metersWrap {\r\n display: flex;\r\n justify-content: space-between;\r\n line-height: 37px;\r\n .blueColor{\r\n @include fontWeightSize(500,14px);\r\n color: #4682FE;\r\n }\r\n .alignRight{\r\n text-align: right;\r\n opacity: .5;\r\n }\r\n .leftTitle {\r\n @include fontWeightSize(400, 14px);\r\n }\r\n .rightInputMeters {\r\n margin-right: 13px;\r\n @include fontWeightSize(500, 13px);\r\n color: #323643;\r\n opacity: .5;\r\n input {\r\n border: none;\r\n text-align: right;\r\n color: #323643;\r\n opacity: .8;\r\n }\r\n }\r\n}\r\n.btnSubmmit{\r\n width: 337px;\r\n border: none;\r\n @include all-height(48px);\r\n background: #354D93;\r\n border-radius: 5px;\r\n color: #FFFFFF;\r\n margin: 0 19px;\r\n @include fontWeightSize(500,14px);\r\n position: fixed;\r\n left: 0;\r\n bottom: 20px;\r\n}\r\n</style>"],"mappings":"AA0DA,OAAAA,SAAA;AACA;EACAC,IAAA;EACAC,KAAA;IACA;EACA;EACAC,OAAA;IACAC,WAAA;MACAC,OAAA,CAAAC,GAAA;IACA;EACA;EACAC,UAAA;IACAP;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |