{"version":3,"sources":["webpack:///src/views/charge/components/meterbil/src/views/charge/components/meterbil/Preview.vue"],"names":[],"mappings":"AA4GA,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","file":"chunk-7dd96c3a.acadc1fc.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>月份：202108</span>\n            </div>\n            <div class=\"preview_item\">\n              <span>抄表类型：水费</span>\n            </div>\n            <div class=\"preview_item\">\n              <span>创建时间：2021-09-03 09:33:14</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>\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: '1000元',\n        table2: '32毫升',\n        table3: '2.55元',\n        table4: '966.2元',\n        table5: '0元',\n        table6: '966.2元',\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"]}