|
@@ -28,8 +28,21 @@
|
|
|
bordered>
|
|
|
</s-table>
|
|
|
<div class="btn-cont" style="padding:20px 20px 0;text-align: center;">
|
|
|
- <a-button @click="isShow=false">关闭</a-button>
|
|
|
- </div>
|
|
|
+ <!-- <a-button @click="isShow=false">关闭</a-button> -->
|
|
|
+ <a-button
|
|
|
+ class="button-warning"
|
|
|
+ type="primary"
|
|
|
+ @click="handleExport"
|
|
|
+ :disabled="disabled"
|
|
|
+ :loading="exportLoading"
|
|
|
+ id="allocateBillList-export">导出Excel</a-button>
|
|
|
+ <a-button
|
|
|
+ style="margin-left: 5px"
|
|
|
+ @click="handleClassifyExport"
|
|
|
+ :disabled="disabled"
|
|
|
+ :loading="exportClassifyLoading"
|
|
|
+ id="allocateBillList-export">分类导出Excel</a-button>
|
|
|
+ </a-button></div>
|
|
|
</a-spin>
|
|
|
</a-modal>
|
|
|
</template>
|
|
@@ -37,6 +50,7 @@
|
|
|
<script>
|
|
|
import { STable } from '@/components'
|
|
|
import { salesStockoutDetail } from '@/api/salesDetail'
|
|
|
+import { hdExportExcel } from '@/libs/exportExcel'
|
|
|
export default {
|
|
|
name: 'StockOutDetail',
|
|
|
components: { STable },
|
|
@@ -60,6 +74,9 @@ export default {
|
|
|
return {
|
|
|
spinning: false,
|
|
|
isShow: this.openModal,
|
|
|
+ disabled: false,
|
|
|
+ exportLoading: false,
|
|
|
+ exportClassifyLoading: false,
|
|
|
columns: [
|
|
|
{ title: '序号', dataIndex: 'no', width: '5%', align: 'center' },
|
|
|
{ title: '产品编码', dataIndex: 'productEntity.code', width: '15%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
@@ -75,6 +92,7 @@ export default {
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
loadData: parameter => {
|
|
|
this.spinning = true
|
|
|
+ this.disabled = true
|
|
|
delete parameter.tableId
|
|
|
delete parameter.index
|
|
|
return salesStockoutDetail({ isOos: 1, salesBillSn: this.salesBillSn }).then(res => {
|
|
@@ -93,6 +111,29 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
},
|
|
|
+ methods: {
|
|
|
+ handleExport () {
|
|
|
+ const _this = this
|
|
|
+ _this.exportLoading = true
|
|
|
+ _this.disabled = true
|
|
|
+ _this.spinning = true
|
|
|
+ hdExportExcel('api', '', '销售单缺货产品导出', function () {
|
|
|
+ _this.exportLoading = false
|
|
|
+ _this.spinning = false
|
|
|
+ _this.disabled = false
|
|
|
+ })
|
|
|
+ },
|
|
|
+ handleClassifyExport () {
|
|
|
+ this.exportClassifyLoading = true
|
|
|
+ this.disabled = true
|
|
|
+ this.spinning = true
|
|
|
+ hdExportExcel('api', '', '销售单缺货产品分类导出', function () {
|
|
|
+ this.exportClassifyLoading = false
|
|
|
+ this.spinning = false
|
|
|
+ this.disabled = false
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
watch: {
|
|
|
openModal (nVal, oVal) {
|
|
|
this.isShow = nVal
|