{"version":3,"sources":["webpack:///src/views/charge/components/meterbillDetail/src/views/charge/components/meterbillDetail/Preview.vue","webpack:///src/views/charge/page/E:/前端/xmf/src/views/charge/page/MeterBillDetailList.vue"],"names":[],"mappings":"AAkHA,4BACA,YACA,CACA,4CAEA,iBACA,CACA,cACA,UACA,CACA,wBAEA,8BAAA,CACA,6BACA,CACA,yBACA,oBAAA,CACA,eACA,CACA,iBACA,WAAA,CACA,YAAA,CACA,SAAA,CACA,cAAA,CACA,eAAA,CACA,iBAAA,CACA,UAAA,CACA,wBACA,CACA,eACA,iBAAA,CACA,YAAA,CACA,iBACA,CACA,oBACA,cAAA,CACA,yCAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,aACA,YAAA,CACA,6BAAA,CACA,kBACA,CACA,mBACA,cAAA,CACA,yCAAA,CACA,eAAA,CACA,UAAA,CACA,gBACA,CACA,eACA,kBACA,CCxKA,wCAEQ,YAAa,CACb,cAAe,CACf,kBAAmB,CACnB,cAAe,CACf,0CAA4C,CAC5C,eAAgB,CAChB,UAAc,CARtB,8CAUY,YAAa,CACb,kBAAmB,CACnB,aAAc,CACd,SAAU,CAbtB,oDAegB,WAAY,CACZ,gBAAiB,CACjB,iBAAkB,CACrB,0BAKL,cAAc,CACd,UAAa,CACb,eAAgB,CAChB,kBAAkB,CACrB,uBAED,WAAY,CADZ,iCAGI,eAAgB,CAChB,iBAAkB,CAClB,wBAAyB,CACzB,kBAAmB,CANvB,wCAQQ,gBAAiB,CACjB,cAAe,CACf,yCAA2C,CAC3C,eAAgB,CAChB,UAAc,CACd,iBAAkB,CAClB,+BAAgC,CAdxC,4BAkBI,eAAgB,CAChB,WAAY,CACZ,aAAc,CApBlB,mCAyBQ,cAAe,CACf,0CAA4C,CAC5C,eAAiB,CACjB,UAAc,CACd,kBAAmB,CACtB,0BAIL,wBAA2B,CAC3B,gBAAiB,CACpB,0BAEG,aAAe","file":"chunk-010c7bf8.aad5ebce.css","sourcesContent":["<template>\n  <div class=\"preview\">\n    <el-dialog :visible.sync=\"dialogVisible\"\n               :fullscreen='true'\n               :before-close=\"handleClose\">\n      <div class=\"preview-header\">\n        <div class=\"esc-preview\"\n             @click=\"dialogPreview()\">\n          <i class=\"el-icon-s-marketing\"\n             style=\"font-size:24px;margin-left:33px;margin-right:9px\"></i>\n          <span>退出预览</span>\n        </div>\n      </div>\n      <div class=\"preview_body\">\n        <div class=\"preview_content\">\n          <div class=\"preview_title\">\n            <span>新城悦物业服务有限公司</span>\n          </div>\n          <div class=\"preview_box\">\n            <div class=\"preview_item\">\n              <span>姓名：黄鑫</span>\n            </div>\n            <div class=\"preview_item\">\n              <span>房间号：2-2-303</span>\n            </div>\n            <div class=\"preview_item\">\n              <span>缴纳状态：未缴纳</span>\n            </div>\n            <div class=\"preview_item\">\n              <span>付款时间：2020-09-01 10:22</span>\n            </div>\n          </div>\n          <div class=\"preview_table\">\n            <el-table :data=\"tableData\"\n                      border\n                      style=\"width: 100%\">\n              <el-table-column prop=\"table1\"\n                               label=\"房屋面积\">\n              </el-table-column>\n              <el-table-column prop=\"table2\"\n                               label=\"应缴金额\">\n              </el-table-column>\n              <el-table-column prop=\"table3\"\n                               label=\"费率\">\n              </el-table-column>\n              <el-table-column prop=\"table4\"\n                               label=\"滞纳金\">\n              </el-table-column>\n              <el-table-column prop=\"table5\"\n                               label=\"缴费期限\">\n              </el-table-column>\n              <el-table-column prop=\"table6\"\n                               label=\"支付方式\">\n              </el-table-column>\n            </el-table>\n          </div>\n          <div>\n            <div class=\"preview_box\">\n              <div class=\"preview_item\">\n                <span>实收金额人民币（大写）：贰佰陆拾圆壹角捌分</span>\n              </div>\n            </div>\n            <div class=\"preview_box\">\n              <div class=\"preview_item\">\n                <span>本收据不作为报销凭证，盖章有效，妥善保存，遗失不补。（白-客户，红-记账，黄-存根）</span>\n              </div>\n            </div>\n            <!--  -->\n          </div>\n        </div>\n      </div>\n    </el-dialog>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    dialogVisible: {\n      type: Boolean,\n      default: false\n    }\n  },\n  data () {\n    return {\n      tableData: [{\n        table1: '126.3',\n        table2: '236.18元',\n        table3: '4%',\n        table4: '29.49元',\n        table5: '2021-09-01 00:00:00',\n        table6: '微信支付',\n      }]\n    }\n  },\n  methods: {\n    handleClose (done) {\n\n    },\n    dialogPreview () {\n      this.$emit('dialogPreview', false)\n    }\n  },\n  dialogVisible: {\n    handler (newValue) {\n      this.isVisibleDialog = newValue\n      console.log(newValue + '----newValue')\n    },\n    immediate: true\n  },\n}\n</script>\n\n<style>\n.preview .el-dialog__header {\n  display: none;\n}\n.preview .el-table td,\n.preview .el-table th {\n  text-align: center;\n}\n.preview_body {\n  width: 100%;\n}\n.el-dialog,\n.el-pager li {\n  background: rgba(255, 255, 255, 0.95);\n  -webkit-box-sizing: border-box;\n}\n.preview .el-table tr th {\n  color: #333333 !important;\n  font-weight: 500;\n}\n.preview_content {\n  width: 922px;\n  height: 419px;\n  opacity: 1.1;\n  padding: 0 58px;\n  background: #ffffff;\n  margin: 108px auto;\n  color: #333;\n  border: 1px solid #979797;\n}\n.preview_title {\n  text-align: center;\n  height: 108px;\n  line-height: 108px;\n}\n.preview_title span {\n  font-size: 20px;\n  font-family: PingFangSC-Medium, PingFang SC;\n  font-weight: 500;\n  color: #333333;\n  line-height: 28px;\n}\n.preview_box {\n  display: flex;\n  justify-content: space-between;\n  margin-bottom: 26px;\n}\n.preview_item span {\n  font-size: 14px;\n  font-family: PingFangSC-Medium, PingFang SC;\n  font-weight: 500;\n  color: #333333;\n  line-height: 20px;\n}\n.preview_table {\n  margin-bottom: 80px;\n}\n</style>\n","\n.details-box {\n    .box-item {\n        display: flex;\n        flex-wrap: wrap;\n        align-items: center;\n        font-size: 14px;\n        font-family: PingFangSC-Regular, PingFang SC;\n        font-weight: 400;\n        color: #333333;\n        .item {\n            display: flex;\n            align-items: center;\n            margin: 10px 0;\n            width: 50%;\n            .span {\n                width: 100px;\n                text-align: right;\n                margin-right: 20px;\n            }\n        }\n    }\n}\n    .s_title{\n        font-size:16px;\n        color:#333333;\n        font-weight: 400;\n        line-height:19.6px;\n    }\n    .main {\n    margin: 20px;\n    .head-box {\n        background: #fff;\n        border-radius: 4px;\n        border: 1px solid #cfd0dd;\n        margin-bottom: 20px;\n        .titel {\n            line-height: 50px;\n            font-size: 16px;\n            font-family: PingFangSC-Medium, PingFang SC;\n            font-weight: 500;\n            color: #333333;\n            padding-left: 20px;\n            border-bottom: 1px solid #d8d8d8;\n        }\n    }\n    .box {\n        background: #fff;\n        padding: 5px;\n        margin: 10px 0;\n        // border-radius: 4px;\n        // border: 1px solid #cfd0dd;\n\n        .title {\n            font-size: 14px;\n            font-family: PingFangSC-Regular, PingFang SC;\n            font-weight: bold;\n            color: #333333;\n            margin-bottom: 20px;\n        }\n    }\n}\n#backbtn{\n    padding: 10px 20px 10px 0px;\n    margin-left: 30px;\n}\n.choosed{\n    color:  #FB4702;\n\n}\n"]}