{"ast":null,"code":"export default {\n  name: \"accountingView\",\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":["name","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\">\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      <span class=\"content\" ></span>\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\"></div>\r\n</div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  name: \"accountingView\",\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}\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}\r\nimg{\r\n  @include wh(35px,15px);\r\n  margin-left: 21px;\r\n}\r\n.baseInfo{\r\n  @include wh(100%,276px);\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</style>"],"mappings":"AA6CA;EACAA,IAAA;EACAC,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":[]}