{"remainingRequest":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\Finance\\Handle\\SupplierBalanceDetails.vue?vue&type=script&lang=js&","dependencies":[{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\src\\views\\Finance\\Handle\\SupplierBalanceDetails.vue","mtime":1678954023546},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\babel.config.js","mtime":1681371897685},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\thread-loader\\dist\\cjs.js","mtime":1681371925422},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\babel-loader\\lib\\index.js","mtime":1681371912860},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1681371913603},{"path":"D:\\wnmp\\www\\vue\\seaBlueAdmin\\node_modules\\vue-loader\\lib\\index.js","mtime":1681371925849}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:Ly8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KaW1wb3J0IFNlbGVjdFN1cHBsaWVyIGZyb20gIkAvY29tcG9uZW50L2NvbW1vbi9TZWxlY3RTdXBwbGllciI7CmltcG9ydCB7IGV4cG9ydGdldEFsbFN1cHBsaWVyQmFsYW5jZURldGFpbCwgZ2V0QWxsU3VwcGxpZXJCYWxhbmNlRGV0YWlsIH0gZnJvbSAiQC9hcGkvRmluYW5jZSI7CmltcG9ydCB7IGdldFN1cHBsaWVySW5mb0J5SWQgfSBmcm9tICJAL2FwaS9QdXJjaGFzZSI7CmV4cG9ydCBkZWZhdWx0IHsKICBuYW1lOiAiU3VwcGxpZXJCYWxhbmNlRGV0YWlscyIsCiAgY29tcG9uZW50czogewogICAgU2VsZWN0U3VwcGxpZXIKICB9LAoKICBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgc2hvdWxkUGF5VG90YWw6ICIiLAogICAgICBhY3R1YWxQYXlUb3RhbDogIiIsCiAgICAgIHN1cHBsaWVyX3Nob3c6IGZhbHNlLAogICAgICB0aW1lOiBbXSwKICAgICAgc2VhcmNoRGF0ZTogewogICAgICAgIHN1cHBsaWVySWQ6ICIiLAogICAgICAgIHN1cHBsaWVyTmFtZTogIiIsCiAgICAgICAgY29udGFjdE5hbWU6ICIiLAogICAgICAgIG1vYmlsZTogIiIsCiAgICAgICAgc3RhcnQ6ICIiLAogICAgICAgIGFyZWE6IHt9LAogICAgICAgIGVuZDogIiIKICAgICAgfSwKICAgICAgY3VzdG9tZXJfc2hvdzogZmFsc2UsCiAgICAgIHRhYmxlRGF0YTogW10sCiAgICAgIHRvdGFsOiAwLAogICAgICBwYWdlOiAxLAogICAgICBwYWdlU2l6ZTogMTAKICAgIH07CiAgfSwKCiAgYXN5bmMgY3JlYXRlZCgpIHsKICAgIGlmICh0aGlzLiRyb3V0ZS5xdWVyeS5pZCkgewogICAgICAvLyDojrflj5ZpZAogICAgICB0aGlzLnNlYXJjaERhdGUuc3VwcGxpZXJJZCA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmlkOwogICAgICBhd2FpdCB0aGlzLmdldFN1cHBsaWVySW5mb0J5SWQoKTsKICAgICAgYXdhaXQgdGhpcy5nZXREYXRhKCk7CiAgICB9CiAgfSwKCiAgYXN5bmMgYWN0aXZhdGVkKCkgewogICAgaWYgKHRoaXMuJF9pc0luaXQoKSkgcmV0dXJuOwoKICAgIGlmICh0aGlzLiRyb3V0ZS5xdWVyeS5pZCkgewogICAgICAvLyDojrflj5ZpZAogICAgICB0aGlzLnNlYXJjaERhdGUuc3VwcGxpZXJJZCA9IHRoaXMuJHJvdXRlLnF1ZXJ5LmlkOwogICAgICBhd2FpdCB0aGlzLmdldFN1cHBsaWVySW5mb0J5SWQoKTsKICAgICAgYXdhaXQgdGhpcy5nZXREYXRhKCk7CiAgICB9IGVsc2UgewogICAgICB0aGlzLmRpYWxvZ0Zvcm1WaXNpYmxlID0gdHJ1ZTsKICAgIH0KICB9LAoKICBtb3VudGVkKCkge30sCgogIG1ldGhvZHM6IHsKICAgIC8vICDnoa7lrprmjInpkq4KICAgIGNvbmZpcm0oKSB7CiAgICAgIGlmICh0aGlzLnNlYXJjaERhdGUuc3VwcGxpZXJJZCkgewogICAgICAgIHRoaXMuZGlhbG9nRm9ybVZpc2libGUgPSBmYWxzZTsKICAgICAgICB0aGlzLmdldERhdGEoKTsKICAgICAgfSBlbHNlIHsKICAgICAgICB0aGlzLiRtZXNzYWdlKCLor7fpgInmi6nkvpvlupTllYYiKTsKICAgICAgfQogICAgfSwKCiAgICAvLyAg6I635Y+W5L6b5bqU5ZWG6K+m5oOFCiAgICBhc3luYyBnZXRTdXBwbGllckluZm9CeUlkKCkgewogICAgICBjb25zdCB7CiAgICAgICAgZGF0YQogICAgICB9ID0gYXdhaXQgZ2V0U3VwcGxpZXJJbmZvQnlJZCh0aGlzLnNlYXJjaERhdGUuc3VwcGxpZXJJZCk7CiAgICAgIHRoaXMuc2VhcmNoRGF0ZSA9IHsgLi4uZGF0YSwKICAgICAgICBzdXBwbGllcklkOiBkYXRhLmlkLAogICAgICAgIHN1cHBsaWVyTmFtZTogZGF0YS50aXRsZSwKICAgICAgICBjb250YWN0TmFtZTogZGF0YS5yZWFsTmFtZSwKICAgICAgICBzdGFydDogIiIsCiAgICAgICAgZW5kOiAiIgogICAgICB9OwogICAgfSwKCiAgICAvLyDojrflj5bliJfooagKICAgIGFzeW5jIGdldERhdGEoZXhwb3J0cykgewogICAgICBsZXQgcGFyYW1zID0gewogICAgICAgIHBhZ2U6IHRoaXMucGFnZSwKICAgICAgICBwYWdlU2l6ZTogdGhpcy5wYWdlU2l6ZSwKICAgICAgICBzdXBwbGllcklkOiB0aGlzLnNlYXJjaERhdGUuc3VwcGxpZXJJZCwKICAgICAgICBzdGFydDogdGhpcy5zZWFyY2hEYXRlLnN0YXJ0LAogICAgICAgIGVuZDogdGhpcy5zZWFyY2hEYXRlLmVuZAogICAgICB9OwoKICAgICAgaWYgKGV4cG9ydHMpIHsKICAgICAgICBwYXJhbXMuZXhwb3J0ID0gMTsKICAgICAgICBjb25zdCB0YXJnZXQgPSBhd2FpdCBleHBvcnRnZXRBbGxTdXBwbGllckJhbGFuY2VEZXRhaWwoeyAuLi5wYXJhbXMKICAgICAgICB9KTsKICAgICAgfSBlbHNlIHsKICAgICAgICBjb25zdCB7CiAgICAgICAgICBkYXRhLAogICAgICAgICAgcGFnZVRvdGFsLAogICAgICAgICAgZW5kaW5nQmFsYW5jZSwKICAgICAgICAgIG9wZW5pbmdCYWxhbmNlLAogICAgICAgICAgYWN0dWFsUGF5VG90YWwsCiAgICAgICAgICBzaG91bGRQYXlUb3RhbAogICAgICAgIH0gPSBhd2FpdCBnZXRBbGxTdXBwbGllckJhbGFuY2VEZXRhaWwoeyAuLi5wYXJhbXMKICAgICAgICB9KTsKICAgICAgICB0aGlzLnRhYmxlRGF0YSA9IGRhdGE7CiAgICAgICAgdGhpcy50YWJsZURhdGEucHVzaCh7CiAgICAgICAgICBubzogIuacn+acq+S9meminSIsCiAgICAgICAgICBzaG91bGRQYXlCYWxhbmNlOiBlbmRpbmdCYWxhbmNlCiAgICAgICAgfSk7CiAgICAgICAgdGhpcy50YWJsZURhdGEudW5zaGlmdCh7CiAgICAgICAgICBubzogIuacn+WIneS9meminSIsCiAgICAgICAgICBzaG91bGRQYXlCYWxhbmNlOiBvcGVuaW5nQmFsYW5jZQogICAgICAgIH0pOwogICAgICAgIHRoaXMuc2hvdWxkUGF5VG90YWwgPSBzaG91bGRQYXlUb3RhbDsKICAgICAgICB0aGlzLmFjdHVhbFBheVRvdGFsID0gYWN0dWFsUGF5VG90YWw7CiAgICAgICAgdGhpcy50b3RhbCA9IHBhZ2VUb3RhbDsKICAgICAgfSAvLyBjb25zdCB7CiAgICAgIC8vICAgZGF0YSwKICAgICAgLy8gICBwYWdlVG90YWwsCiAgICAgIC8vICAgZW5kaW5nQmFsYW5jZSwKICAgICAgLy8gICBvcGVuaW5nQmFsYW5jZSwKICAgICAgLy8gICBhY3R1YWxQYXlUb3RhbCwKICAgICAgLy8gICBzaG91bGRQYXlUb3RhbCwKICAgICAgLy8gfSA9IGF3YWl0IGdldEFsbFN1cHBsaWVyQmFsYW5jZURldGFpbCh7CiAgICAgIC8vICAgLi4ucGFyYW1zCiAgICAgIC8vIH0pOwoKICAgIH0sCgogICAgLy8gIOaXtumXtAogICAgb3JkZXJEYXRlKHZhbCkgewogICAgICBpZiAodmFsICYmIHZhbC5sZW5ndGgpIHsKICAgICAgICB0aGlzLnNlYXJjaERhdGUuc3RhcnQgPSB2YWxbMF0gLyAxMDAwOwogICAgICAgIHRoaXMuc2VhcmNoRGF0ZS5lbmQgPSB2YWxbMV0gLyAxMDAwICsgODYzOTk7CiAgICAgIH0gZWxzZSB7CiAgICAgICAgdGhpcy5zZWFyY2hEYXRlLnN0YXJ0ID0gIiI7CiAgICAgICAgdGhpcy5zZWFyY2hEYXRlLmVuZCA9ICIiOwogICAgICB9CgogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIC8vICDojrflj5bkvpvlupTllYYgc2VsU3VwcGxpZXIKICAgIHNlbFN1cHBsaWVyKHZhbCwgbGlzdCkgewogICAgICB0aGlzLnNlYXJjaERhdGUuc3VwcGxpZXJJZCA9IGxpc3RbMF0uaWQ7CiAgICAgIHRoaXMuc2VhcmNoRGF0ZS5zdXBwbGllck5hbWUgPSBsaXN0WzBdLnRpdGxlOwogICAgICB0aGlzLnNlYXJjaERhdGUuY29udGFjdE5hbWUgPSBsaXN0WzBdLnJlYWxOYW1lOwogICAgICB0aGlzLnNlYXJjaERhdGUubW9iaWxlID0gbGlzdFswXS5tb2JpbGU7CiAgICAgIHRoaXMuc2VhcmNoRGF0ZS5hcmVhID0gbGlzdFswXS5hcmVhOwogICAgICB0aGlzLnBhZ2VDaGFuZ2UoMSk7CiAgICB9LAoKICAgIHN1cHBsaWVyQ2xlYXIoKSB7CiAgICAgIHRoaXMuc2VhcmNoRGF0ZS5zdXBwbGllcklkID0gIiI7CiAgICAgIHRoaXMuc2VhcmNoRGF0ZS5zdXBwbGllck5hbWUgPSAiIjsKICAgICAgdGhpcy5zZWFyY2hEYXRlLmNvbnRhY3ROYW1lID0gIiI7CiAgICAgIHRoaXMuc2VhcmNoRGF0ZS5tb2JpbGUgPSAiIjsKICAgICAgdGhpcy5zZWFyY2hEYXRlLmFyZWEgPSAiIjsKICAgICAgdGhpcy50YWJsZURhdGEgPSBbXTsKICAgIH0sCgogICAgLy8g5YiH6aG1CiAgICBwYWdlQ2hhbmdlKHZhbCkgewogICAgICB0aGlzLnBhZ2UgPSB2YWw7CiAgICAgIHRoaXMuZ2V0RGF0YSgpOwogICAgfSwKCiAgICAvLyDmr4/pobXmlbDmja7lpKflsI/mlLnlj5gKICAgIHNpemVDaGFuZ2UodmFsKSB7CiAgICAgIHRoaXMucGFnZVNpemUgPSB2YWw7CiAgICAgIHRoaXMucGFnZUNoYW5nZSgxKTsKICAgIH0sCgogICAgLy8g5ZCI6K6hCiAgICBnZXRTdW1tYXJpZXMocGFyYW0pIHsKICAgICAgcmV0dXJuIHRoaXMuJF9jb21tb24uZ2V0U3VtbWFyaWVzKHBhcmFtLCBbIuacn+WIneS9meminSIsICLlrp7pmYXmlLbmrL7ph5Hpop0iLCAi5bqU5pS25qy+5L2Z6aKdIl0pOwogICAgfQoKICB9Cn07"},{"version":3,"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2KA;AACA,SACAA,iCADA,EAEAC,2BAFA,QAGA,eAHA;AAIA;AACA;EACAC,8BADA;EAEAC;IACAC;EADA,CAFA;;EAKAC;IACA;MACAC,kBADA;MAEAC,kBAFA;MAGAC,oBAHA;MAIAC,QAJA;MAKAC;QACAC,cADA;QAEAC,gBAFA;QAGAC,eAHA;QAIAC,UAJA;QAKAC,SALA;QAMAC,QANA;QAOAC;MAPA,CALA;MAcAC,oBAdA;MAeAC,aAfA;MAgBAC,QAhBA;MAiBAC,OAjBA;MAkBAC;IAlBA;EAoBA,CA1BA;;EA2BA;IACA;MACA;MACA;MACA;MACA;IACA;EACA,CAlCA;;EAmCA;IACA;;IACA;MACA;MACA;MACA;MACA;IACA,CALA,MAKA;MACA;IACA;EACA,CA7CA;;EA8CAC,YA9CA;;EA+CAC;IACA;IACAC;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;MACA;IACA,CATA;;IAUA;IACA;MACA;QAAApB;MAAA;MAEA,oBACA,OADA;QAEAM,mBAFA;QAGAC,wBAHA;QAIAC,0BAJA;QAKAE,SALA;QAMAE;MANA;IAQA,CAtBA;;IAuBA;IACA;MACA;QACAI,eADA;QAEAC,uBAFA;QAGAX,sCAHA;QAIAI,4BAJA;QAKAE;MALA;;MAQA;QACAS;QACA,yDACA;QADA;MAGA,CALA,MAKA;QACA;UACArB,IADA;UAEAsB,SAFA;UAGAC,aAHA;UAIAC,cAJA;UAKAtB,cALA;UAMAD;QANA,IAOA,oCACA;QADA,EAPA;QAUA;QACA;UACAwB,UADA;UAEAC;QAFA;QAIA;UACAD,UADA;UAEAC;QAFA;QAIA;QACA;QACA;MACA,CArCA,CAsCA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;MACA;;IACA,CAxEA;;IAyEA;IACAC;MACA;QACA;QACA;MACA,CAHA,MAGA;QACA;QACA;MACA;;MACA;IACA,CAnFA;;IAoFA;IACAC;MACA;MACA;MACA;MACA;MACA;MACA;IACA,CA5FA;;IA6FAC;MACA;MACA;MACA;MACA;MACA;MACA;IACA,CApGA;;IAqGA;IACAC;MACA;MACA;IACA,CAzGA;;IA0GA;IACAC;MACA;MACA;IACA,CA9GA;;IA+GA;IACAC;MACA,0CACA,MADA,EAEA,QAFA,EAGA,OAHA;IAKA;;EAtHA;AA/CA","names":["exportgetAllSupplierBalanceDetail","getAllSupplierBalanceDetail","name","components","SelectSupplier","data","shouldPayTotal","actualPayTotal","supplier_show","time","searchDate","supplierId","supplierName","contactName","mobile","start","area","end","customer_show","tableData","total","page","pageSize","mounted","methods","confirm","params","pageTotal","endingBalance","openingBalance","no","shouldPayBalance","orderDate","selSupplier","supplierClear","pageChange","sizeChange","getSummaries"],"sourceRoot":"src/views/Finance/Handle","sources":["SupplierBalanceDetails.vue"],"sourcesContent":["<!--供应商余额表-->\n<template>\n  <ContainerQuery>\n    <div slot=\"left\">\n      <el-button size=\"small\" type=\"primary\" plain @click=\"getData(1)\">\n        导出\n      </el-button>\n    </div>\n    <div slot=\"more\">\n      <el-form size=\"small\" :inline=\"true\">\n        <el-form-item>\n          <SelectSupplier\n            v-model=\"searchDate.supplierId\"\n            @clear=\"supplierClear\"\n            @change=\"selSupplier\"\n          />\n        </el-form-item>\n        <!--        <el-form-item>-->\n        <!--          <span style=\"color: #000\">-->\n        <!--            {{ searchDate.contactName || \"暂无\" }}-->\n        <!--          </span>-->\n        <!--        </el-form-item>-->\n        <!--        <el-form-item>-->\n        <!--          <span style=\"color: #000\">-->\n        <!--            {{ searchDate.mobile || \"暂无\" }}-->\n        <!--          </span>-->\n        <!--        </el-form-item>-->\n        <el-form-item>\n          <el-date-picker\n            v-model=\"time\"\n            clearable\n            type=\"daterange\"\n            value-format=\"timestamp\"\n            range-separator=\"-\"\n            start-placeholder=\"开始日期\"\n            end-placeholder=\"结束日期\"\n            @change=\"orderDate\"\n          ></el-date-picker>\n        </el-form-item>\n      </el-form>\n    </div>\n    <!--    <div slot=\"left\"><el-button type=\"primary\">导出</el-button></div>-->\n    <!--     show-summary\n      :summary-method=\"getSummaries\"-->\n    <div v-if=\"tableData.length\">\n      <el-table :data=\"tableData\">\n        <el-table-column\n          prop=\"id\"\n          label=\"ID\"\n          fixed=\"left\"\n          min-width=\"50\"\n        ></el-table-column>\n        <el-table-column\n          prop=\"receiptTime\"\n          label=\"单据日期\"\n          fixed=\"left\"\n          min-width=\"120\"\n        >\n          <template slot-scope=\"scope\">\n            {{\n              scope.row.receiptTime\n                ? $_common.formatDate(scope.row.receiptTime, \"yyyy-MM-dd\")\n                : \"\"\n            }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"no\"\n          fixed=\"left\"\n          label=\"单据编号\"\n          min-width=\"180\"\n        ></el-table-column>\n        <el-table-column\n          prop=\"sourceNo\"\n          label=\"源订单销货号\"\n          min-width=\"180\"\n        ></el-table-column>\n        <el-table-column\n          prop=\"financeType\"\n          label=\"业务类别\"\n          min-width=\"120\"\n        ></el-table-column>\n        <el-table-column prop=\"salesAmount\" label=\"采购金额\" min-width=\"120\">\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.salesAmount) }}\n          </template>\n        </el-table-column>\n        <el-table-column prop=\"discountMoney\" label=\"优惠金额\" min-width=\"120\">\n          <template slot-scope=\"scope\">\n            <span style=\"color: #ff4040\">\n              {{ $_common.formattedNumber(scope.row.discountMoney) }}\n            </span>\n          </template>\n        </el-table-column>\n        <!--      <el-table-column-->\n        <!--        prop=\"supplierAmount\"-->\n        <!--        label=\"供应商承担金额(元)\"-->\n        <!--        -->\n        <!--        min-width=\"140\"-->\n        <!--      >-->\n        <!--        <template slot-scope=\"scope\">-->\n        <!--          {{ $_common.formatNub(scope.row.supplierAmount,4) || 0 }}-->\n        <!--        </template>-->\n        <!--      </el-table-column>-->\n        <el-table-column\n          prop=\"shouldPayAmount\"\n          label=\"应付金额\"\n          min-width=\"120\"\n        >\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.shouldPayAmount) }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"actualPaidAmount\"\n          label=\"实付金额\"\n          min-width=\"120\"\n        >\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.actualPaidAmount) }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"shouldPayBalance\"\n          label=\"应付余额\"\n          min-width=\"120\"\n          fixed=\"right\"\n        >\n          <template slot-scope=\"scope\">\n            {{ $_common.formattedNumber(scope.row.shouldPayBalance) || 0 }}\n          </template>\n        </el-table-column>\n        <el-table-column\n          prop=\"remark\"\n          label=\"备注\"\n          fixed=\"right\"\n          show-overflow-tooltip\n          min-width=\"200\"\n        ></el-table-column>\n      </el-table>\n      <el-row class=\"total-table\">\n        <el-col :span=\"12\" class=\"total-col\">合计</el-col>\n        <el-col :span=\"6\" class=\"total-col\">\n          实际付款金额：{{ $_common.formattedNumber(actualPayTotal) || 0 }}\n        </el-col>\n        <el-col :span=\"6\" class=\"total-col\">\n          应付款余额：\n\n          {{ $_common.formattedNumber(shouldPayTotal) || 0 }}\n        </el-col>\n      </el-row>\n      <FooterPage\n        :page-size=\"pageSize\"\n        :total-page.sync=\"total\"\n        :current-page.sync=\"page\"\n        @pageChange=\"pageChange\"\n        @sizeChange=\"sizeChange\"\n      ></FooterPage>\n    </div>\n    <div v-else class=\"empty-view\">\n      <img\n        class=\"empty-img\"\n        :src=\"require('@/assets/img/no_enterprise.png')\"\n        alt=\"\"\n      />\n      <p>快去选择供应商进行查看吧！</p>\n    </div>\n  </ContainerQuery>\n</template>\n\n<script>\n  import SelectSupplier from \"@/component/common/SelectSupplier\";\n  import {\n    exportgetAllSupplierBalanceDetail,\n    getAllSupplierBalanceDetail,\n  } from \"@/api/Finance\";\n  import { getSupplierInfoById } from \"@/api/Purchase\";\n  export default {\n    name: \"SupplierBalanceDetails\",\n    components: {\n      SelectSupplier,\n    },\n    data() {\n      return {\n        shouldPayTotal: \"\",\n        actualPayTotal: \"\",\n        supplier_show: false,\n        time: [],\n        searchDate: {\n          supplierId: \"\",\n          supplierName: \"\",\n          contactName: \"\",\n          mobile: \"\",\n          start: \"\",\n          area: {},\n          end: \"\",\n        },\n        customer_show: false,\n        tableData: [],\n        total: 0,\n        page: 1,\n        pageSize: 10,\n      };\n    },\n    async created() {\n      if (this.$route.query.id) {\n        // 获取id\n        this.searchDate.supplierId = this.$route.query.id;\n        await this.getSupplierInfoById();\n        await this.getData();\n      }\n    },\n    async activated() {\n      if (this.$_isInit()) return;\n      if (this.$route.query.id) {\n        // 获取id\n        this.searchDate.supplierId = this.$route.query.id;\n        await this.getSupplierInfoById();\n        await this.getData();\n      } else {\n        this.dialogFormVisible = true;\n      }\n    },\n    mounted() {},\n    methods: {\n      //  确定按钮\n      confirm() {\n        if (this.searchDate.supplierId) {\n          this.dialogFormVisible = false;\n          this.getData();\n        } else {\n          this.$message(\"请选择供应商\");\n        }\n      },\n      //  获取供应商详情\n      async getSupplierInfoById() {\n        const { data } = await getSupplierInfoById(this.searchDate.supplierId);\n\n        this.searchDate = {\n          ...data,\n          supplierId: data.id,\n          supplierName: data.title,\n          contactName: data.realName,\n          start: \"\",\n          end: \"\",\n        };\n      },\n      // 获取列表\n      async getData(exports) {\n        let params = {\n          page: this.page,\n          pageSize: this.pageSize,\n          supplierId: this.searchDate.supplierId,\n          start: this.searchDate.start,\n          end: this.searchDate.end,\n        };\n\n        if (exports) {\n          params.export = 1;\n          const target = await exportgetAllSupplierBalanceDetail({\n            ...params,\n          });\n        } else {\n          const {\n            data,\n            pageTotal,\n            endingBalance,\n            openingBalance,\n            actualPayTotal,\n            shouldPayTotal,\n          } = await getAllSupplierBalanceDetail({\n            ...params,\n          });\n          this.tableData = data;\n          this.tableData.push({\n            no: \"期末余额\",\n            shouldPayBalance: endingBalance,\n          });\n          this.tableData.unshift({\n            no: \"期初余额\",\n            shouldPayBalance: openingBalance,\n          });\n          this.shouldPayTotal = shouldPayTotal;\n          this.actualPayTotal = actualPayTotal;\n          this.total = pageTotal;\n        }\n        // const {\n        //   data,\n        //   pageTotal,\n        //   endingBalance,\n        //   openingBalance,\n        //   actualPayTotal,\n        //   shouldPayTotal,\n        // } = await getAllSupplierBalanceDetail({\n        //   ...params\n        // });\n      },\n      //  时间\n      orderDate(val) {\n        if (val && val.length) {\n          this.searchDate.start = val[0] / 1000;\n          this.searchDate.end = val[1] / 1000 + 86399;\n        } else {\n          this.searchDate.start = \"\";\n          this.searchDate.end = \"\";\n        }\n        this.pageChange(1);\n      },\n      //  获取供应商 selSupplier\n      selSupplier(val, list) {\n        this.searchDate.supplierId = list[0].id;\n        this.searchDate.supplierName = list[0].title;\n        this.searchDate.contactName = list[0].realName;\n        this.searchDate.mobile = list[0].mobile;\n        this.searchDate.area = list[0].area;\n        this.pageChange(1);\n      },\n      supplierClear() {\n        this.searchDate.supplierId = \"\";\n        this.searchDate.supplierName = \"\";\n        this.searchDate.contactName = \"\";\n        this.searchDate.mobile = \"\";\n        this.searchDate.area = \"\";\n        this.tableData = [];\n      },\n      // 切页\n      pageChange(val) {\n        this.page = val;\n        this.getData();\n      },\n      // 每页数据大小改变\n      sizeChange(val) {\n        this.pageSize = val;\n        this.pageChange(1);\n      },\n      // 合计\n      getSummaries(param) {\n        return this.$_common.getSummaries(param, [\n          \"期初余额\",\n          \"实际收款金额\",\n          \"应收款余额\",\n        ]);\n      },\n    },\n  };\n</script>\n<style scoped>\n  .total-table {\n    border: 1px solid #eee;\n    font-size: 13px;\n  }\n  .total-col {\n    border-right: 1px solid #eee;\n    padding: 5px 12px;\n  }\n</style>\n"]}]}