{"version":3,"sources":["webpack:///src/components/dialog/src/components/dialog/Preview.vue","webpack:///src/views/charge/components/dailyMayment/E:/前端/xmf/src/views/charge/components/dailyMayment/Pay.vue"],"names":[],"mappings":"AAwHA,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,CC9KA,sBACI,iBAAkB,CAClB,yBAA0B,CAF9B,gCAIQ,WAAY,CACZ,kBAAmB,CACnB,eAAgB,CAChB,aAAc,CACd,0BAA2B,CAC9B,uBAID,mBAAoB,CACvB,wBAEG,YAAa,CACb,kBAAmB,CACnB,mBAAoB,CAHxB,6BAKQ,cAAe,CACf,yCAA2C,CAC3C,eAAgB,CAChB,UAAc,CACd,gBAAiB,CATzB,8BAYQ,oBAAqB,CACrB,SAAU,CACV,WAAY,CACZ,iBAAkB,CAClB,kBAA+B,CAClC,6BAID,iBAAkB,CAClB,eAAgB,CAChB,UAAW,CACX,QAAS,CACT,WAAY,CACZ,eAAiB,CANrB,iDAQQ,WAAY,CACZ,YAAa,CACb,kBAAmB,CACnB,wBAAyB,CAC5B,2BAID,eAAgB,CAChB,cAAe,CACf,0CAA4C,CAC5C,eAAgB,CAChB,UAAc,CACd,cAAe,CANnB,+BAQQ,YAAa,CACb,YAAa,CACb,kBAAmB,CACnB,aAAc,CAXtB,kCAcQ,UAAW,CACX,gBAAiB,CACjB,kBAAmB","file":"chunk-491f3a4a.aa5263bf.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>实收金额：¥1200</span>\n              </div>\n              <div class=\"preview_item\">\n                <span>实收金额人民币（大写）：壹仟贰佰圆整</span>\n              </div>\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: '2020年物业费',\n        table2: '2020-08-01',\n        table3: '2021-07-31',\n        table4: '¥1200',\n        table5: '0',\n        table6: '¥1200',\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.box {\n    position: relative;\n    height: calc(100vh - 80px);\n    .box-body {\n        margin: 20px;\n        margin-bottom: 17px;\n        background: #fff;\n        overflow: auto;\n        height: calc(100vh - 179px);\n    }\n}\n\n.item {\n    padding-bottom: 28px;\n}\n.title {\n    display: flex;\n    align-items: center;\n    padding-bottom: 26px;\n    span {\n        font-size: 16px;\n        font-family: PingFangSC-Medium, PingFang SC;\n        font-weight: 500;\n        color: #333333;\n        line-height: 22px;\n    }\n    .line {\n        display: inline-block;\n        width: 3px;\n        height: 16px;\n        margin-right: 10px;\n        background: rgba(251, 71, 2, 1);\n    }\n}\n\n.box_footer {\n    position: absolute;\n    margin-top: 20px;\n    width: 100%;\n    bottom: 0;\n    height: 81px;\n    background: white;\n    .box_footer_content {\n        height: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: flex-end;\n    }\n}\n\n.box-item {\n    padding: 0 108px;\n    font-size: 14px;\n    font-family: PingFangSC-Regular, PingFang SC;\n    font-weight: 400;\n    color: #333333;\n    flex-wrap: wrap;\n    .li {\n        width: 33.33%;\n        display: flex;\n        align-items: center;\n        margin: 10px 0;\n    }\n    .label {\n        width: 61px;\n        text-align: right;\n        padding-right: 12px;\n    }\n}\n"]}