1 line
7.0 KiB
JSON
1 line
7.0 KiB
JSON
{"ast":null,"code":"import { myMixins } from '@/utils/myMixins';\nexport default {\n name: \"accountingView\",\n mixins: [myMixins],\n methods: {\n copyText() {\n //复制订单编号\n const copyText = document.getElementById('copyText');\n const range = document.createRange();\n range.selectNode(copyText);\n window.getSelection().removeAllRanges(); // 清除当前页面的选择内容\n window.getSelection().addRange(range);\n document.execCommand('copy');\n window.getSelection().removeAllRanges(); // 清除选择内容的高亮状态\n this.$toast('复制成功');\n }\n }\n};","map":{"version":3,"names":["myMixins","name","mixins","methods","copyText","document","getElementById","range","createRange","selectNode","window","getSelection","removeAllRanges","addRange","execCommand","$toast"],"sources":["src/views/index/accounting.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=\"item\">\r\n <span class=\"title\">工单编号：</span>\r\n <span class=\"content\" id=\"copyText\">ZD230626124283</span>\r\n <img @click=\"copyText\" src=\"@/assets/copy.png\" />\r\n </div>\r\n <div class=\"item\">\r\n <span class=\"title\">车牌号： </span>\r\n <span class=\"content\">湘H-DD899</span>\r\n </div>\r\n <div class=\"item\">\r\n <span class=\"title\">服务类型：</span>\r\n <span class=\"content\" >搭电</span>\r\n </div>\r\n <div class=\"item\">\r\n <span class=\"title\">工单状态：</span>\r\n <span class=\"content\" >未完成</span>\r\n </div>\r\n <div class=\"item\">\r\n <span class=\"title\">结算比例：</span>\r\n <span class=\"content\" >按服务不成功结算</span>\r\n </div>\r\n <div class=\"item\">\r\n <span class=\"title\">结算类型：</span>\r\n <span class=\"content\" >系统一口价</span>\r\n </div>\r\n <div class=\"item\" >\r\n <span class=\"title\">结算方式：</span>\r\n <div class=\"content\" style=\"width: calc(100% - 84px);display: flex;justify-content: space-between;line-height: 27px\" >\r\n <span>起步价:135</span>\r\n <span>包含公里数:15</span>\r\n <span>超出单价:6</span>\r\n </div>\r\n </div>\r\n <div class=\"item\">\r\n <span class=\"title\">扣除责任险费：</span>\r\n <span class=\"content\">0</span>\r\n </div>\r\n\r\n </div>\r\n <div class=\"supplierData common\">\r\n <div class=\"title\">供应商数据:</div>\r\n <div class=\"line\"></div>\r\n <div class=\"inpInfo\">\r\n <div class=\"titleContent\">\r\n <div>拖车里程:</div>\r\n <div>路桥费:</div>\r\n <div>小轮费:</div>\r\n <div>收取客户金额:</div>\r\n <div>费用总计:</div>\r\n <div>备注说明:</div>\r\n </div>\r\n <div class=\"inputContent\">\r\n <div class=\"halfOpcity\"><input type=\"number\"/>公里</div>\r\n <div class=\"halfOpcity\"><input type=\"number\"/>元</div>\r\n <div class=\"halfOpcity\"><input type=\"number\"/>元</div>\r\n <div class=\"halfOpcity\"><input type=\"number\"/>元</div>\r\n <div class=\"btnComputed\">计算</div>\r\n </div>\r\n </div>\r\n <textarea class=\"multipleTxt\" placeholder=\"报备描述\"></textarea>\r\n <div class=\"btn\">\r\n <button class=\"cancel\">取消</button>\r\n <button class=\"submit\">提交</button>\r\n </div>\r\n </div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nimport {myMixins} from '@/utils/myMixins'\r\nexport default {\r\n name: \"accountingView\",\r\n mixins:[myMixins],\r\n methods:{\r\n copyText(){//复制订单编号\r\n const copyText = document.getElementById('copyText');\r\n const range = document.createRange();\r\n range.selectNode(copyText);\r\n window.getSelection().removeAllRanges(); // 清除当前页面的选择内容\r\n window.getSelection().addRange(range);\r\n document.execCommand('copy');\r\n window.getSelection().removeAllRanges(); // 清除选择内容的高亮状态\r\n this.$toast('复制成功')\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.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(100%,2px);\r\n opacity: 0.16;\r\n border-top: 1px solid;\r\n margin-top: 7px;\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.item{\r\n display: flex;\r\n align-items: center;\r\n @include fontWeightSize(400,12px);\r\n .title{\r\n opacity: .5;\r\n line-height: 27px;\r\n }\r\n}\r\nimg{\r\n @include wh(35px,15px);\r\n margin-left: 21px;\r\n}\r\n.common{\r\n background-color: #FFFFFF;\r\n padding: 11px 24px 14px;\r\n box-sizing: border-box;\r\n margin-bottom: 10px;\r\n}\r\n.baseInfo{\r\n @include wh(100%,276px);\r\n}\r\n.supplierData{\r\n @include wh(100%,438px);\r\n .inpInfo{\r\n display: flex;\r\n justify-content: space-between;\r\n margin: 0 5px;\r\n color: #323643;\r\n line-height: 32px;\r\n input{\r\n border: none;\r\n text-align: right;\r\n }\r\n .titleContent{\r\n width: 91px;\r\n @include fontWeightSize(500,13px);\r\n\r\n }\r\n .halfOpcity{\r\n opacity: .5;\r\n }\r\n .inputContent{\r\n text-align: right;\r\n //opacity: .5;e\r\n .btnComputed{\r\n width: 48px;\r\n @include all-height(18px);\r\n text-align: center;\r\n color: #FFFFFF;\r\n background: #354D93;\r\n border-radius: 3px;\r\n position: absolute;\r\n right: 24px;\r\n }\r\n }\r\n }\r\n .multipleTxt{\r\n @include wh(100%,87px);\r\n background: #FAFAFA;\r\n border-radius: 3px;\r\n border: 1px solid #E6E6E6;\r\n backdrop-filter: blur(10px);\r\n padding: 8px;\r\n box-sizing: border-box;\r\n }\r\n .btn{\r\n //margin-top: 10px;\r\n margin-top: 8px;\r\n display: flex;\r\n justify-content: space-between;\r\n button{\r\n width: 152px;\r\n @include all-height(39px);\r\n border-radius: 5px;\r\n color: #FFFFFF;\r\n border: none;\r\n @include fontWeightSize(500,14px)\r\n }\r\n .cancel{\r\n background: #9EA7C0;\r\n }\r\n .submit{\r\n background-color: #354D93;\r\n }\r\n }\r\n}\r\n</style>\r\n"],"mappings":"AA0EA,SAAAA,QAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAF,QAAA;EACAG,OAAA;IACAC,SAAA;MAAA;MACA,MAAAA,QAAA,GAAAC,QAAA,CAAAC,cAAA;MACA,MAAAC,KAAA,GAAAF,QAAA,CAAAG,WAAA;MACAD,KAAA,CAAAE,UAAA,CAAAL,QAAA;MACAM,MAAA,CAAAC,YAAA,GAAAC,eAAA;MACAF,MAAA,CAAAC,YAAA,GAAAE,QAAA,CAAAN,KAAA;MACAF,QAAA,CAAAS,WAAA;MACAJ,MAAA,CAAAC,YAAA,GAAAC,eAAA;MACA,KAAAG,MAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]} |