{"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\\Receivable\\ApplyReceiptInfo.vue?vue&type=script&lang=js&","dependencies":[{"path":"E:\\item\\千鸟\\千鸟云商前端源代码\\源点计划\\jindouyunNewFront\\src\\views\\Finance\\Receivable\\ApplyReceiptInfo.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:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IHsgZ2V0UmVjZWlwdFJlcXVpc2l0aW9uSW5mbyB9IGZyb20gIkAvYXBpL0ZpbmFuY2UiOwpleHBvcnQgZGVmYXVsdCB7CiAgZGF0YSgpIHsKICAgIHJldHVybiB7CiAgICAgIGFjY291bnRfaWQ6ICIiLAogICAgICBmb3JtOiB7CiAgICAgICAgcmVjZWlwdFJlcXVpc2l0aW9uQWNjb3VudERhdGU6IFtdCiAgICAgIH0sCiAgICAgIGFjdGl2ZU5hbWU6ICJvbmUiCiAgICB9OwogIH0sCgogIGNvbXB1dGVkOiB7CiAgICAvLyDmlLbmrL7mgLvpop0KICAgIHRvdGFsQ29sbGVjdGlvbkFtb3VudCgpIHsKICAgICAgaWYgKCF0aGlzLmZvcm0ucmVjZWlwdFJlcXVpc2l0aW9uQWNjb3VudERhdGUubGVuZ3RoKSB7CiAgICAgICAgcmV0dXJuIDA7CiAgICAgIH0gZWxzZSBpZiAodGhpcy5mb3JtLnJlY2VpcHRSZXF1aXNpdGlvbkFjY291bnREYXRlLmxlbmd0aCA9PT0gMSkgewogICAgICAgIHJldHVybiBOdW1iZXIodGhpcy5mb3JtLnJlY2VpcHRSZXF1aXNpdGlvbkFjY291bnREYXRlWzBdLmNvbGxlY3Rpb25BbW91bnQpOwogICAgICB9IGVsc2UgewogICAgICAgIGxldCBzdW0gPSAwOwogICAgICAgIHRoaXMuZm9ybS5yZWNlaXB0UmVxdWlzaXRpb25BY2NvdW50RGF0ZS5mb3JFYWNoKGl0ZW0gPT4gewogICAgICAgICAgc3VtID0gdGhpcy4kTlAucGx1cyhzdW0sIE51bWJlcihpdGVtLmNvbGxlY3Rpb25BbW91bnQpIHx8IDApOwogICAgICAgIH0pOwogICAgICAgIHJldHVybiBzdW07CiAgICAgIH0KICAgIH0sCgogICAgLy8g5LyY5oOg5oC76aKdCiAgICB0b3RhbFByZWZlcmVudGlhbEFtb3VudCgpIHsKICAgICAgaWYgKCF0aGlzLmZvcm0ucmVjZWlwdFJlcXVpc2l0aW9uQWNjb3VudERhdGUubGVuZ3RoKSB7CiAgICAgICAgcmV0dXJuIDA7CiAgICAgIH0gZWxzZSBpZiAodGhpcy5mb3JtLnJlY2VpcHRSZXF1aXNpdGlvbkFjY291bnREYXRlLmxlbmd0aCA9PT0gMSkgewogICAgICAgIHJldHVybiBOdW1iZXIodGhpcy5mb3JtLnJlY2VpcHRSZXF1aXNpdGlvbkFjY291bnREYXRlWzBdLnByZWZlcmVudGlhbEFtb3VudCk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgbGV0IHN1bSA9IDA7CiAgICAgICAgdGhpcy5mb3JtLnJlY2VpcHRSZXF1aXNpdGlvbkFjY291bnREYXRlLmZvckVhY2goaXRlbSA9PiB7CiAgICAgICAgICBzdW0gPSB0aGlzLiROUC5wbHVzKHN1bSwgTnVtYmVyKGl0ZW0ucHJlZmVyZW50aWFsQW1vdW50KSB8fCAwKTsKICAgICAgICB9KTsKICAgICAgICByZXR1cm4gc3VtOwogICAgICB9CiAgICB9LAoKICAgIC8vIOWunuaUtuaAu+minQogICAgdG90YWxBY3R1YWxBbW91bnQoKSB7CiAgICAgIGlmICghdGhpcy5mb3JtLnJlY2VpcHRSZXF1aXNpdGlvbkFjY291bnREYXRlLmxlbmd0aCkgewogICAgICAgIHJldHVybiAwOwogICAgICB9IGVsc2UgaWYgKHRoaXMuZm9ybS5yZWNlaXB0UmVxdWlzaXRpb25BY2NvdW50RGF0ZS5sZW5ndGggPT09IDEpIHsKICAgICAgICByZXR1cm4gTnVtYmVyKHRoaXMuZm9ybS5yZWNlaXB0UmVxdWlzaXRpb25BY2NvdW50RGF0ZVswXS5hY3R1YWxBbW91bnQpOwogICAgICB9IGVsc2UgewogICAgICAgIGxldCBzdW0gPSAwOwogICAgICAgIHRoaXMuZm9ybS5yZWNlaXB0UmVxdWlzaXRpb25BY2NvdW50RGF0ZS5mb3JFYWNoKGl0ZW0gPT4gewogICAgICAgICAgc3VtID0gdGhpcy4kTlAucGx1cyhzdW0sIE51bWJlcihpdGVtLmFjdHVhbEFtb3VudCkgfHwgMCk7CiAgICAgICAgfSk7CiAgICAgICAgcmV0dXJuIHN1bTsKICAgICAgfQogICAgfQoKICB9LAoKICBjcmVhdGVkKCkgewogICAgaWYgKHRoaXMuJHJvdXRlLnBhcmFtcy5pZCkgewogICAgICB0aGlzLmFjY291bnRfaWQgPSB0aGlzLiRyb3V0ZS5wYXJhbXMuaWQ7IC8vICDojrflj5bor6bmg4Ug5pS25qy+5Y2V6K+m5oOFCgogICAgICB0aGlzLmdldFJlY2VpcHRSZXF1aXNpdGlvbkluZm8oKTsKICAgIH0KICB9LAoKICBtZXRob2RzOiB7CiAgICAvLyAg5pS25qy+55Sz6K+35Y2V6K+m5oOFCiAgICBhc3luYyBnZXRSZWNlaXB0UmVxdWlzaXRpb25JbmZvKCkgewogICAgICBjb25zdCB7CiAgICAgICAgZGF0YQogICAgICB9ID0gYXdhaXQgZ2V0UmVjZWlwdFJlcXVpc2l0aW9uSW5mbyh0aGlzLmFjY291bnRfaWQpOwogICAgICB0aGlzLmZvcm0gPSB7IC4uLmRhdGEsCiAgICAgICAgcmVjZWlwdFJlcXVpc2l0aW9uQWNjb3VudERhdGU6IGRhdGEucmVjZWlwdFJlcXVpc2l0aW9uQWNjb3VudERhdGUubWFwKGl0ZW0gPT4gewogICAgICAgICAgcmV0dXJuIHsgLi4uaXRlbQogICAgICAgICAgfTsKICAgICAgICB9KQogICAgICB9OwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuGA;AACA;EACAA;IACA;MACAC,cADA;MAEAC;QACAC;MADA,CAFA;MAKAC;IALA;EAOA,CATA;;EAUAC;IACA;IACAC;MACA;QACA;MACA,CAFA,MAEA;QACA,cACA,2DADA;MAGA,CAJA,MAIA;QACA;QACA;UACAC;QACA,CAFA;QAGA;MACA;IACA,CAhBA;;IAiBA;IACAC;MACA;QACA;MACA,CAFA,MAEA;QACA,cACA,6DADA;MAGA,CAJA,MAIA;QACA;QACA;UACAD;QACA,CAFA;QAGA;MACA;IACA,CAhCA;;IAiCA;IACAE;MACA;QACA;MACA,CAFA,MAEA;QACA,cACA,uDADA;MAGA,CAJA,MAIA;QACA;QACA;UACAF;QACA,CAFA;QAGA;MACA;IACA;;EAhDA,CAVA;;EA4DAG;IACA;MACA,wCADA,CAEA;;MACA;IACA;EACA,CAlEA;;EAmEAC;IACA;IACA;MACA;QAAAX;MAAA;MACA,cACA,OADA;QAEAG,sEACAS;UACA,SACA;UADA;QAGA,CALA;MAFA;IAUA;;EAdA;AAnEA","names":["data","account_id","form","receiptRequisitionAccountDate","activeName","computed","totalCollectionAmount","sum","totalPreferentialAmount","totalActualAmount","created","methods","item"],"sourceRoot":"src/views/Finance/Receivable","sources":["ApplyReceiptInfo.vue"],"sourcesContent":["<template>\n  <div class=\"ApplyReceiptInfo\">\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.customerName }}</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.receivable }}</span>\n          </el-col>\n          <el-col class=\"form\" :span=\"6\">\n            <span class=\"form_left\">收款人</span>\n            <span class=\"form_right\">{{ form.operatorName }}</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.receiptRequisitionAccountDate\">\n        <el-table-column\n          type=\"index\"\n          label=\"序号\"\n          min-width=\"60\"\n          align=\"center\"\n        ></el-table-column>\n        <el-table-column\n          prop=\"collectionAmount\"\n          label=\"收款金额\"\n          min-width=\"120\"\n        >\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.collectionAmount) }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"preferentialAmount\"\n          label=\"优惠金额\"\n          min-width=\"120\"\n        >\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.preferentialAmount) }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"actualAmount\"\n          label=\"实际收款金额\"\n          min-width=\"120\"\n        >\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.actualAmount) }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"accountName\"\n          label=\"结算账户\"\n          min-width=\"160\"\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 class=\"Enunciate\">\n        <div class=\"Enunciate_cont clearfix\">\n          <div class=\"float_left\">\n            <span>收款总额:</span>\n            <span>\n              {{ $_common.formattedNumber(totalCollectionAmount) }}\n            </span>\n            <span style=\"margin: 0 10px\"></span>\n            <span>优惠总额:</span>\n            <span>\n              {{ $_common.formattedNumber(totalPreferentialAmount) }}\n            </span>\n            <span style=\"margin: 0 10px\"></span>\n            <span>实收总额:</span>\n            <span>\n              {{ $_common.formattedNumber(totalActualAmount) }}\n            </span>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n<script>\n  import { getReceiptRequisitionInfo } from \"@/api/Finance\";\n  export default {\n    data() {\n      return {\n        account_id: \"\",\n        form: {\n          receiptRequisitionAccountDate: [],\n        },\n        activeName: \"one\",\n      };\n    },\n    computed: {\n      // 收款总额\n      totalCollectionAmount() {\n        if (!this.form.receiptRequisitionAccountDate.length) {\n          return 0;\n        } else if (this.form.receiptRequisitionAccountDate.length === 1) {\n          return Number(\n            this.form.receiptRequisitionAccountDate[0].collectionAmount\n          );\n        } else {\n          let sum = 0;\n          this.form.receiptRequisitionAccountDate.forEach((item) => {\n            sum = this.$NP.plus(sum, Number(item.collectionAmount) || 0);\n          });\n          return sum;\n        }\n      },\n      // 优惠总额\n      totalPreferentialAmount() {\n        if (!this.form.receiptRequisitionAccountDate.length) {\n          return 0;\n        } else if (this.form.receiptRequisitionAccountDate.length === 1) {\n          return Number(\n            this.form.receiptRequisitionAccountDate[0].preferentialAmount\n          );\n        } else {\n          let sum = 0;\n          this.form.receiptRequisitionAccountDate.forEach((item) => {\n            sum = this.$NP.plus(sum, Number(item.preferentialAmount) || 0);\n          });\n          return sum;\n        }\n      },\n      // 实收总额\n      totalActualAmount() {\n        if (!this.form.receiptRequisitionAccountDate.length) {\n          return 0;\n        } else if (this.form.receiptRequisitionAccountDate.length === 1) {\n          return Number(\n            this.form.receiptRequisitionAccountDate[0].actualAmount\n          );\n        } else {\n          let sum = 0;\n          this.form.receiptRequisitionAccountDate.forEach((item) => {\n            sum = this.$NP.plus(sum, Number(item.actualAmount) || 0);\n          });\n          return sum;\n        }\n      },\n    },\n    created() {\n      if (this.$route.params.id) {\n        this.account_id = this.$route.params.id;\n        //  获取详情 收款单详情\n        this.getReceiptRequisitionInfo();\n      }\n    },\n    methods: {\n      //  收款申请单详情\n      async getReceiptRequisitionInfo() {\n        const { data } = await getReceiptRequisitionInfo(this.account_id);\n        this.form = {\n          ...data,\n          receiptRequisitionAccountDate: data.receiptRequisitionAccountDate.map(\n            (item) => {\n              return {\n                ...item,\n              };\n            }\n          ),\n        };\n      },\n    },\n  };\n</script>\n<style scoped lang=\"scss\">\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: 96px;\n    color: #fff;\n    font-size: 16px;\n    line-height: 40px;\n    padding: 24px 24px 32px;\n    .Enunciate_cont {\n      background-color: #fa6400;\n      border-radius: 3px;\n      padding: 0 24px;\n    }\n  }\n</style>\n<style>\n  .ApplyReceiptInfo {\n    background-color: #fff;\n  }\n  .ApplyReceiptInfo .el-tabs__item {\n    font-size: 16px !important;\n    height: 60px !important;\n    line-height: 60px !important;\n  }\n  .ApplyReceiptInfo .is-active {\n    font-weight: 700;\n    color: #000;\n  }\n  .ApplyReceiptInfo .el-tabs__nav {\n    margin-left: 24px;\n  }\n</style>\n"]}]}