{"remainingRequest":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\Finance\\Handle\\LookPayment.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\Finance\\Handle\\LookPayment.vue","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\babel.config.js","mtime":1655374732000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\babel-loader\\lib\\index.js","mtime":315532800000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\node_modules\\vue-loader\\lib\\index.js","mtime":1655715099000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0UGFpZEluZm8sIGdldEFsbFBhaWRPZmZzZXQgfSBmcm9tICJAL2FwaS9GaW5hbmNlIjsKZXhwb3J0IGRlZmF1bHQgewogIGRhdGEoKSB7CiAgICByZXR1cm4gewogICAgICBhY3RpdmVOYW1lOiAib25lIiwKICAgICAgcGFpZDogIiIsCiAgICAgIGZvcm06IHt9LAogICAgICB0YWJsZURhdGE6IFtdCiAgICB9OwogIH0sCgogIGNvbXB1dGVkOiB7CiAgICAvLyDku5jmrL7mgLvph5Hpop0KICAgIG1vbmV5VG90YWwoKSB7CiAgICAgIGlmICghdGhpcy5mb3JtLmFjY291bnRMaXN0Lmxlbmd0aCkgewogICAgICAgIHJldHVybiAwOwogICAgICB9IGVsc2UgaWYgKHRoaXMuZm9ybS5hY2NvdW50TGlzdC5sZW5ndGggPT09IDEpIHsKICAgICAgICByZXR1cm4gdGhpcy4kTlAubWludXMoTnVtYmVyKHRoaXMuZm9ybS5hY2NvdW50TGlzdFswXS5tb25leSksIE51bWJlcih0aGlzLmZvcm0uYWNjb3VudExpc3RbMF0uZGlzY291bnRNb25leSkpOwogICAgICB9IGVsc2UgewogICAgICAgIGxldCBzdW0gPSAwOwogICAgICAgIHRoaXMuZm9ybS5hY2NvdW50TGlzdC5mb3JFYWNoKGl0ZW0gPT4gewogICAgICAgICAgY29uc3QgbW9uZXkgPSB0aGlzLiROUC5taW51cyhOdW1iZXIoaXRlbS5tb25leSksIE51bWJlcihpdGVtLmRpc2NvdW50TW9uZXkpKTsKICAgICAgICAgIHN1bSA9IHRoaXMuJE5QLnBsdXMoc3VtLCBtb25leSk7CiAgICAgICAgfSk7CiAgICAgICAgcmV0dXJuIHN1bTsKICAgICAgfQogICAgfSwKCiAgICAvLyDmoLjplIDmgLvph5Hpop0KICAgIG9mZlNldFRvdGFsKCkgewogICAgICBpZiAoIXRoaXMuY2hvb3NlX2RhdGEubGVuZ3RoKSB7CiAgICAgICAgcmV0dXJuIDA7CiAgICAgIH0gZWxzZSBpZiAodGhpcy5jaG9vc2VfZGF0YS5sZW5ndGggPT09IDEpIHsKICAgICAgICByZXR1cm4gTnVtYmVyKHRoaXMuY2hvb3NlX2RhdGFbMF0ub2Zmc2V0TW9uZXkpOwogICAgICB9IGVsc2UgewogICAgICAgIGxldCBzdW0gPSAwOwogICAgICAgIHRoaXMuY2hvb3NlX2RhdGEuZm9yRWFjaChpdGVtID0+IHsKICAgICAgICAgIHN1bSA9IHRoaXMuJE5QLnBsdXMoc3VtLCBOdW1iZXIoaXRlbS5vZmZzZXRNb25leSkgfHwgMCk7CiAgICAgICAgfSk7CiAgICAgICAgcmV0dXJuIHN1bTsKICAgICAgfQogICAgfSwKCiAgICAvLyDmnKrmoLjplIDmgLvph5Hpop0KICAgIG9mZlNldE5vdFRvdGFsKCkgewogICAgICBpZiAoIXRoaXMudGFibGVEYXRhLmxlbmd0aCkgewogICAgICAgIHJldHVybiAwOwogICAgICB9IGVsc2UgaWYgKHRoaXMudGFibGVEYXRhLmxlbmd0aCA9PT0gMSkgewogICAgICAgIHJldHVybiBOdW1iZXIodGhpcy50YWJsZURhdGFbMF0ucGF5TW9uZXkpOwogICAgICB9IGVsc2UgewogICAgICAgIGxldCBzdW0gPSAwOwogICAgICAgIHRoaXMudGFibGVEYXRhLmZvckVhY2goaXRlbSA9PiB7CiAgICAgICAgICBzdW0gPSB0aGlzLiROUC5wbHVzKHN1bSwgTnVtYmVyKGl0ZW0ucGF5TW9uZXkpIHx8IDApOwogICAgICAgIH0pOwogICAgICAgIHJldHVybiBzdW07CiAgICAgIH0KICAgIH0KCiAgfSwKCiAgYXN5bmMgY3JlYXRlZCgpIHsKICAgIGlmICh0aGlzLiRyb3V0ZS5wYXJhbXMuY3JlYXRlVGltZSkgewogICAgICB0aGlzLmZvcm0uY3JlYXRlVGltZSA9IHRoaXMuJHJvdXRlLnBhcmFtcy5jcmVhdGVUaW1lOwogICAgfQoKICAgIGlmICh0aGlzLiRyb3V0ZS5wYXJhbXMuaWQpIHsKICAgICAgLy8g57yW6L6R6aG16Z2iCiAgICAgIHRoaXMucGFpZCA9IHRoaXMuJHJvdXRlLnBhcmFtcy5pZDsgLy8g5LuY5qy+5Y2V6K+m5oOFCgogICAgICBhd2FpdCB0aGlzLmdldFBhaWRJbmZvKCk7IC8vIOS7mOasvuWNleaguOmUgOiusOW9lQoKICAgICAgYXdhaXQgdGhpcy5nZXRBbGxQYWlkT2Zmc2V0KCk7CiAgICB9CiAgfSwKCiAgbWV0aG9kczogewogICAgLy8gIOivpuaDhQogICAgYXN5bmMgZ2V0UGFpZEluZm8oKSB7CiAgICAgIGNvbnN0IHsKICAgICAgICBkYXRhCiAgICAgIH0gPSBhd2FpdCBnZXRQYWlkSW5mbyh7CiAgICAgICAgaWQ6IHRoaXMucGFpZCwKICAgICAgICBjcmVhdGVUaW1lOiB0aGlzLmZvcm0uY3JlYXRlVGltZQogICAgICB9KTsKICAgICAgdGhpcy5mb3JtID0geyAuLi5kYXRhLAogICAgICAgIHJlY2VpcHRUaW1lOiBkYXRhLnJlY2VpcHRUaW1lICogMTAwMCwKICAgICAgICBhY2NvdW50TGlzdDogZGF0YS5hY2NvdW50TGlzdAogICAgICB9OyAvLyBpZiAoZGF0YS5vZmZzZXREYXRlKSB7CiAgICAgIC8vICAgdGhpcy50YWJsZURhdGEgPSBkYXRhLm9mZnNldERhdGU7CiAgICAgIC8vICAgdGhpcy5jaG9vc2VfZGF0YSA9IGRhdGEub2Zmc2V0RGF0ZTsKICAgICAgLy8gICBzZXRUaW1lb3V0KCgpID0+IHsKICAgICAgLy8gICAgIHRoaXMudGFibGVEYXRhLmZvckVhY2goKGl0ZW0pID0+IHsKICAgICAgLy8gICAgICAgaWYgKGl0ZW0ub2Zmc2V0TW9uZXkgPiAwKSB7CiAgICAgIC8vICAgICAgICAgdGhpcy4kcmVmcy5tdWx0aXBsZVRhYmxlLnRvZ2dsZVJvd1NlbGVjdGlvbihpdGVtKTsKICAgICAgLy8gICAgICAgfQogICAgICAvLyAgICAgfSk7CiAgICAgIC8vICAgfSwgMjAwKTsKICAgICAgLy8gfQogICAgfSwKCiAgICBhc3luYyBnZXRBbGxQYWlkT2Zmc2V0KCkgewogICAgICBjb25zdCB7CiAgICAgICAgZGF0YQogICAgICB9ID0gYXdhaXQgZ2V0QWxsUGFpZE9mZnNldCh7CiAgICAgICAgcGFpZElkOiB0aGlzLnBhaWQKICAgICAgfSk7CiAgICAgIHRoaXMudGFibGVEYXRhID0gZGF0YTsKICAgICAgdGhpcy5jaG9vc2VfZGF0YSA9IGRhdGE7CiAgICB9LAoKICAgIC8vIOafpeeciwogICAgbG9va0RhdGEocm93KSB7CiAgICAgIHRoaXMuJHJvdXRlci5wdXNoKGAvUHVyY2hhc2UvTWFuYWdlUC9QdXJjaGFzZU9yZGVyTG9vay8ke3Jvdy5wdXJjaGFzZUlkfWApOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgJA;AACA;EACAA;IACA;MACAC,iBADA;MAEAC,QAFA;MAGAC,QAHA;MAIAC;IAJA;EAMA,CARA;;EASAC;IACA;IACAC;MACA;QACA;MACA,CAFA,MAEA;QACA,sBACAC,sCADA,EAEAA,8CAFA;MAIA,CALA,MAKA;QACA;QACA;UACA,6BACAA,kBADA,EAEAA,0BAFA;UAIAC;QACA,CANA;QAOA;MACA;IACA,CArBA;;IAsBA;IACAC;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA,CAFA,MAEA;QACA;QACA;UACAD;QACA,CAFA;QAGA;MACA;IACA,CAnCA;;IAoCA;IACAE;MACA;QACA;MACA,CAFA,MAEA;QACA;MACA,CAFA,MAEA;QACA;QACA;UACAF;QACA,CAFA;QAGA;MACA;IACA;;EAjDA,CATA;;EA4DA;IACA;MACA;IACA;;IACA;MACA;MACA,kCAFA,CAGA;;MACA,yBAJA,CAKA;;MACA;IACA;EACA,CAxEA;;EAyEAG;IACA;IACA;MACA;QAAAX;MAAA;QACAY,aADA;QAEAC;MAFA;MAKA,cACA,OADA;QAEAC,oCAFA;QAGAC;MAHA,EANA,CAWA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;IACA,CAxBA;;IAyBA;MACA;QAAAf;MAAA;QACAgB;MADA;MAGA;MACA;IACA,CA/BA;;IAgCA;IACAC;MACA,kBACA,uDADA;IAGA;;EArCA;AAzEA","names":["data","activeName","paid","form","tableData","computed","moneyTotal","Number","sum","offSetTotal","offSetNotTotal","methods","id","createTime","receiptTime","accountList","paidId","lookData"],"sourceRoot":"src/views/Finance/Handle","sources":["LookPayment.vue"],"sourcesContent":["<template>\n  <ContainerTit class=\"LookPayment\">\n    <div class=\"page-tip-div\" style=\"margin: 0\">\n      温馨提示： 1、退款时在金额输入框输入负数即可！\n      2、付款时，在金额输入框输入正数即可！\n      3、商家预付货款时，在新增选择单据类型为采购预付后不用选择原单据号即可创建！\n    </div>\n    <el-tabs v-model=\"activeName\">\n      <el-tab-pane label=\"付款单详情\" name=\"one\">\n        <el-row style=\"padding-bottom: 13px\">\n          <el-col :span=\"24\">\n            <p\n              style=\"padding-left: 20px\"\n              class=\"order_midden_left_text el-icon-arrow-right\"\n            >\n              付款单信息\n            </p>\n          </el-col>\n          <el-col class=\"form\" :span=\"6\">\n            <span class=\"form_left\">付款单位</span>\n            <span class=\"form_right\">{{ form.supplierName }}</span>\n          </el-col>\n          <el-col class=\"form\" :span=\"6\">\n            <span class=\"form_left\">所属店铺</span>\n            <span class=\"form_right\">{{ form.shopName }}</span>\n          </el-col>\n          <el-col class=\"form\" :span=\"6\">\n            <span class=\"form_left\">业务类型</span>\n            <span class=\"form_right\">{{ form.financeType }}</span>\n          </el-col>\n          <el-col class=\"form\" :span=\"6\">\n            <span class=\"form_left\">单据日期</span>\n            <span class=\"form_right\">\n              {{ $_common.formatDate(form.receiptTime) }}\n            </span>\n          </el-col>\n          <el-col class=\"form\" :span=\"6\" style=\"padding-left: 54px\">\n            <span class=\"form_left\">付款人</span>\n            <span class=\"form_right\">\n              {{ form.currentAccountName }}\n            </span>\n          </el-col>\n        </el-row>\n      </el-tab-pane>\n    </el-tabs>\n    <div class=\"order_bottom\">\n      <p class=\"text\">付款单明细</p>\n      <el-table :data=\"form.accountList\">\n        <el-table-column\n          prop=\"accountName\"\n          label=\"结算账户\"\n          min-width=\"160\"\n        ></el-table-column>\n        <el-table-column prop=\"money\" label=\"付款金额\" min-width=\"120\">\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.money) }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"discountMoney\" label=\"优惠金额\" min-width=\"120\">\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.discountMoney) }}\n          </template>\n        </el-table-column>\n        <el-table-column label=\"实际付款金额\" min-width=\"120\">\n          <template slot-scope=\"scope\">\n            {{ $NP.minus(scope.row.money || 0, scope.row.discountMoney || 0) }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"remark\"\n          label=\"备注\"\n          min-width=\"200\"\n        ></el-table-column>\n      </el-table>\n    </div>\n    <div class=\"order_bottom\">\n      <p class=\"text\">核销明细</p>\n      <div class=\"Enunciate\">\n        <div class=\"Enunciate_cont clearfix\">\n          <div class=\"float_left\">\n            <span>\n              未核销金额：{{ $_common.formattedNumber(offSetNotTotal) }}\n            </span>\n            <span style=\"margin: 0 20px\">\n              本次核销金额：{{ $_common.formattedNumber(offSetTotal) }}\n            </span>\n            <span>\n              核销差额：{{ $_common.formattedNumber(offSetTotal - moneyTotal) }}\n            </span>\n          </div>\n        </div>\n      </div>\n      <el-table ref=\"multipleTable\" :data=\"tableData\">\n        <el-table-column prop=\"financeType\" label=\"单据类型\" min-width=\"100\">\n          <template slot-scope=\"scope\">\n            <span @click=\"scope\">应付单</span>\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"no\"\n          label=\"单据编号\"\n          min-width=\"140\"\n        ></el-table-column>\n        <el-table-column prop=\"address\" label=\"单据日期\" min-width=\"120\">\n          <template slot-scope=\"scope\">\n            {{ $_common.formatDate(scope.row.createTime) }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"address\" label=\"金额\" min-width=\"100\">\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.money) }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"address\" label=\"未核销金额\" min-width=\"100\">\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.notOffsetMoney) }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"offsetMoney\"\n          label=\"本次核销金额\"\n          min-width=\"100\"\n        >\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.offsetMoney) }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"purchaseNo\" label=\"来源单据\" min-width=\"100\">\n          <template slot-scope=\"scope\">\n            <span class=\"click-div\" @click=\"lookData(scope.row)\">\n              {{ scope.row.purchaseNo }}\n            </span>\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"supplierName\"\n          label=\"往来单位名称\"\n          min-width=\"140\"\n        ></el-table-column>\n      </el-table>\n    </div>\n  </ContainerTit>\n</template>\n<script>\n  import { getPaidInfo, getAllPaidOffset } from \"@/api/Finance\";\n  export default {\n    data() {\n      return {\n        activeName: \"one\",\n        paid: \"\",\n        form: {},\n        tableData: [],\n      };\n    },\n    computed: {\n      // 付款总金额\n      moneyTotal() {\n        if (!this.form.accountList.length) {\n          return 0;\n        } else if (this.form.accountList.length === 1) {\n          return this.$NP.minus(\n            Number(this.form.accountList[0].money),\n            Number(this.form.accountList[0].discountMoney)\n          );\n        } else {\n          let sum = 0;\n          this.form.accountList.forEach((item) => {\n            const money = this.$NP.minus(\n              Number(item.money),\n              Number(item.discountMoney)\n            );\n            sum = this.$NP.plus(sum, money);\n          });\n          return sum;\n        }\n      },\n      // 核销总金额\n      offSetTotal() {\n        if (!this.choose_data.length) {\n          return 0;\n        } else if (this.choose_data.length === 1) {\n          return Number(this.choose_data[0].offsetMoney);\n        } else {\n          let sum = 0;\n          this.choose_data.forEach((item) => {\n            sum = this.$NP.plus(sum, Number(item.offsetMoney) || 0);\n          });\n          return sum;\n        }\n      },\n      // 未核销总金额\n      offSetNotTotal() {\n        if (!this.tableData.length) {\n          return 0;\n        } else if (this.tableData.length === 1) {\n          return Number(this.tableData[0].payMoney);\n        } else {\n          let sum = 0;\n          this.tableData.forEach((item) => {\n            sum = this.$NP.plus(sum, Number(item.payMoney) || 0);\n          });\n          return sum;\n        }\n      },\n    },\n    async created() {\n      if (this.$route.params.createTime) {\n        this.form.createTime = this.$route.params.createTime;\n      }\n      if (this.$route.params.id) {\n        // 编辑页面\n        this.paid = this.$route.params.id;\n        // 付款单详情\n        await this.getPaidInfo();\n        // 付款单核销记录\n        await this.getAllPaidOffset();\n      }\n    },\n    methods: {\n      //  详情\n      async getPaidInfo() {\n        const { data } = await getPaidInfo({\n          id: this.paid,\n          createTime: this.form.createTime,\n        });\n\n        this.form = {\n          ...data,\n          receiptTime: data.receiptTime * 1000,\n          accountList: data.accountList,\n        };\n        // if (data.offsetDate) {\n        //   this.tableData = data.offsetDate;\n        //   this.choose_data = data.offsetDate;\n        //   setTimeout(() => {\n        //     this.tableData.forEach((item) => {\n        //       if (item.offsetMoney > 0) {\n        //         this.$refs.multipleTable.toggleRowSelection(item);\n        //       }\n        //     });\n        //   }, 200);\n        // }\n      },\n      async getAllPaidOffset() {\n        const { data } = await getAllPaidOffset({\n          paidId: this.paid,\n        });\n        this.tableData = data;\n        this.choose_data = data;\n      },\n      // 查看\n      lookData(row) {\n        this.$router.push(\n          `/Purchase/ManageP/PurchaseOrderLook/${row.purchaseId}`\n        );\n      },\n    },\n  };\n</script>\n<style lang=\"scss\" scoped>\n  .order_bottom {\n    border-top: 16px solid #f6f8f9;\n    width: 100%;\n    background-color: #ffffff;\n    border-radius: 3px;\n    .text {\n      font-size: 16px;\n      font-weight: 600;\n      color: #2d405e;\n      line-height: 64px;\n      padding: 0px 24px;\n    }\n  }\n  .order_midden_left_text {\n    font-weight: bold;\n    font-size: 16px;\n    margin: 0 0 27px 0;\n  }\n  .form {\n    padding-left: 40px;\n    font-size: 14px;\n    margin-bottom: 19px;\n    .form_left {\n      margin-right: 32px;\n      color: #62738e;\n      font-weight: 400;\n    }\n    .form_right {\n      color: #2d405e;\n      font-weight: 500;\n    }\n  }\n  .Enunciate {\n    width: 100%;\n    height: 72px;\n    color: #fff;\n    font-size: 16px;\n    line-height: 40px;\n    padding: 16px 24px;\n    border-top: 1px solid #dee2ee;\n    .Enunciate_cont {\n      background-color: #fa6400;\n      border-radius: 3px;\n      padding: 0 24px;\n    }\n  }\n</style>\n<style>\n  .LookPayment {\n    background-color: #fff;\n  }\n  .LookPayment .el-tabs__item {\n    font-size: 16px !important;\n    height: 60px !important;\n    line-height: 60px !important;\n  }\n  .LookPayment .is-active {\n    font-weight: 700;\n    color: #000;\n  }\n  .LookPayment .el-tabs__nav {\n    margin-left: 24px;\n  }\n</style>\n"]}]}