{"ast":null,"code":"import { myMixins } from \"@/utils/myMixins\";\nexport default {\n  name: \"invoicingNotify\",\n  mixins: [myMixins],\n  methods: {\n    checkDetail(index) {\n      console.log(\"查看详情\" + index);\n    }\n  }\n};","map":{"version":3,"names":["myMixins","name","mixins","methods","checkDetail","index","console","log"],"sources":["src/views/index/invoicingNotify.vue"],"sourcesContent":["<template>\r\n<div class=\"wrap\">\r\n<div class=\"itemWrap\" v-for=\"(item,index) in 3\" :key=\"index\">\r\n  <div class=\"item line1\">\r\n    <div class=\"itemTime\">\r\n      <span class=\"title\">开票月份:</span>\r\n      <span class=\"content\">2023年7月</span>\r\n    </div>\r\n    <div class=\"orderNum\">\r\n      <span class=\"title\">总案件数:</span>\r\n      <span class=\"content\">86</span>\r\n    </div>\r\n    <div class=\"checkBtn\" @click=\"checkDetail(index)\">查看\r\n    </div>\r\n  </div>\r\n  <div class=\"item\">\r\n    <span class=\"title\">批次号:</span>\r\n    <span class=\"content\">PC230626124283</span>\r\n  </div>\r\n  <div class=\"item\">\r\n    <span class=\"title\">结算总金额:</span>\r\n    <span class=\"content\">1238元</span>\r\n  </div>\r\n  <div class=\"item\">\r\n    <span class=\"title\">扣款金额:</span>\r\n    <span class=\"content\">2300元</span>\r\n  </div>\r\n  <div class=\"item\">\r\n    <span class=\"title\">扣款原因:</span>\r\n    <span class=\"content\"  style=\"color: #FF8F37;\">调度不及时导致客户等待时间过长</span>\r\n  </div>\r\n  <div class=\"item\">\r\n    <span class=\"title\">最终开票金额:</span>\r\n    <span class=\"content\">1008元</span>\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: \"invoicingNotify\",\r\n  mixins:[myMixins],\r\n  methods:{\r\n    checkDetail(index){\r\n      console.log(\"查看详情\"+index)\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  @include wh(100%,100%);\r\n  background-color: #F4F5F7;\r\n  overflow-y: auto;\r\n}\r\n.itemWrap{\r\n  background: #FFFFFF;\r\n  @include wh(100%,194px);\r\n  box-sizing: border-box;\r\n  padding: 14px 25px 18px 29px;\r\n  @include flexBetween;\r\n  margin-bottom: 10px;\r\n  .item{\r\n    @include fontWeightSize(400,12px);\r\n    span{\r\n      display: inline-block;\r\n    }\r\n    .title{\r\n      opacity: .5;\r\n      //width:55px;\r\n    }\r\n    .content{}\r\n  }\r\n  .line1{\r\n    width: 100%;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    .checkBtn{\r\n      background: #354D93;\r\n      border-radius: 3px;\r\n      @include wh(48px,18px);\r\n      line-height: 18px;\r\n      text-align: center;\r\n      color: #FFFFFF;\r\n    }\r\n  }\r\n}\r\n\r\n</style>"],"mappings":"AAwCA,SAAAA,QAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAF,QAAA;EACAG,OAAA;IACAC,YAAAC,KAAA;MACAC,OAAA,CAAAC,GAAA,UAAAF,KAAA;IACA;EACA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}