{"ast":null,"code":"import { myMixins } from '@/utils/myMixins';\nexport default {\n  name: \"reAccountingView\",\n  mixins: [myMixins],\n  methods: {}\n};","map":{"version":3,"names":["myMixins","name","mixins","methods"],"sources":["src/views/index/reAccounting.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\">车牌号：&nbsp;&nbsp;&nbsp;&nbsp;</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  </div>\r\n  <div class=\"dataType\">\r\n    <table>\r\n      <tr>\r\n        <td class=\"col1 checkData\">审核数据</td>\r\n        <td  class=\"col2 supplierData\">供应商数据</td>\r\n      </tr>\r\n      <tr>\r\n        <td class=\"col1\">拖车里程:32km</td>\r\n        <td  class=\"col2 halfOpc\"><input placeholder=\"输入拖车公里\"/></td>\r\n      </tr>\r\n      <tr>\r\n        <td class=\"col1\">路桥费:36元</td>\r\n        <td  class=\"col2 halfOpc\"><input placeholder=\"输入路桥费\"/></td>\r\n      </tr>\r\n      <tr>\r\n        <td class=\"col1\">小轮费:32元</td>\r\n        <td  class=\"col2 halfOpc\"><input placeholder=\"输入小轮费\"/></td>\r\n      </tr>\r\n      <tr>\r\n        <td class=\"col1\">收取客户:100元</td>\r\n        <td  class=\"col2 halfOpc\"><input placeholder=\"收取客户金额\"/></td>\r\n      </tr>\r\n      <tr>\r\n        <td class=\"col1\">费用总计:165元</td>\r\n        <td  class=\"col2\">\r\n          <span class=\"halfOpc\">费用总计</span>\r\n          <button class=\"btn\">计算</button></td>\r\n      </tr>\r\n      <tr>\r\n        <td class=\"col1 alignLeft\" style=\"border-bottom-left-radius: 3px\">\r\n          <div class=\"title col1\">审核失败原因</div>\r\n          <div class=\"reason\">审核失败原因审核失败原因审核失败原因审核失败原因</div>\r\n          <div class=\"imgWrap\">\r\n            <img src=\"@/assets/camer.png\" style=\"width: 54px;height: 42px\">\r\n          </div>\r\n        </td>\r\n        <td  class=\"col2 alignLeft\"  style=\"border-bottom-right-radius: 3px\">本次补充说明:</td>\r\n      </tr>\r\n    </table>\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: \"reAccountingView\",\r\n  mixins:[myMixins],\r\n  methods:{\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.dataType{\r\n  padding: 0 8px;\r\n  table {\r\n    width: 100%;\r\n    border-collapse: separate;\r\n    border-spacing: 0;\r\n  }\r\n\r\n  td {\r\n    padding: 10px;\r\n    border: 1px solid #ccc;\r\n    text-align: center;\r\n  }\r\n  .alignLeft{\r\n    text-align: left !important;\r\n    .reason{\r\n      @include fontWeightSize(400,11px);\r\n      color: #FF8F37;\r\n      opacity: 1 !important;\r\n    }\r\n  }\r\n  .col1{\r\n    width: 147px;\r\n    background-color: #E9E9EA;\r\n    @include fontWeightSize(400,12px);\r\n    opacity: 0.55;\r\n  }\r\n  .col2{\r\n    width: 213px;\r\n    background-color: #EAEFF6;\r\n    @include fontWeightSize(400,12px);\r\n    color: #0434D0;\r\n    input{\r\n      width: 72px;\r\n      border: none;\r\n      background-color:#EAEFF6;\r\n      text-align: center;\r\n    }\r\n    input::placeholder {\r\n      color: #0434D0; /* 设置提示内容文字颜色 */\r\n    }\r\n\r\n  }\r\n  .btn{\r\n    position: absolute;\r\n    right: 13px;\r\n    border: none;\r\n    width: 48px;\r\n    @include all-height(18px);\r\n    background: #354D93;\r\n    border-radius: 3px;\r\n    color: #FFFFFF;\r\n    @include fontWeightSize(500,12px)\r\n  }\r\n  .checkData,.supplierData{\r\n    color: #323643;\r\n  }\r\n  .checkData{\r\n    border-top-left-radius: 3px;\r\n    opacity: 0.66;\r\n  }\r\n  .supplierData{\r\n    border-top-right-radius: 3px;\r\n  }\r\n  .halfOpc{\r\n    opacity: .5;\r\n  }\r\n}\r\n</style>\r\n"],"mappings":"AAuFA,SAAAA,QAAA;AACA;EACAC,IAAA;EACAC,MAAA,GAAAF,QAAA;EACAG,OAAA,GAEA;AACA"},"metadata":{},"sourceType":"module","externalDependencies":[]}