|
@@ -26,12 +26,17 @@
|
|
<custList ref="custList" id="purchaseReceiptList-buyerSn" @change="custChange"></custList>
|
|
<custList ref="custList" id="purchaseReceiptList-buyerSn" @change="custChange"></custList>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
|
|
+ <a-col :md="6" :sm="24">
|
|
|
|
+ <a-form-item label="关联单号">
|
|
|
|
+ <a-input id="purchaseReceiptList-salesBillNo" v-model.trim="queryParam.salesBillNo" allowClear placeholder="请输入关联单号"/>
|
|
|
|
+ </a-form-item>
|
|
|
|
+ </a-col>
|
|
<a-col :md="6" :sm="24">
|
|
<a-col :md="6" :sm="24">
|
|
<a-form-item label="业务状态">
|
|
<a-form-item label="业务状态">
|
|
<v-select
|
|
<v-select
|
|
v-model="queryParam.state"
|
|
v-model="queryParam.state"
|
|
ref="state"
|
|
ref="state"
|
|
- id="purchaseReceiptList-state"
|
|
|
|
|
|
+ id="purchaseReceiptList-serviceState"
|
|
code="SPARE_PARTS_RETURN_STATE"
|
|
code="SPARE_PARTS_RETURN_STATE"
|
|
placeholder="请选择审核状态"
|
|
placeholder="请选择审核状态"
|
|
allowClear
|
|
allowClear
|
|
@@ -39,8 +44,15 @@
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
<a-col :md="6" :sm="24">
|
|
<a-col :md="6" :sm="24">
|
|
- <a-form-item label="关联单号">
|
|
|
|
- <a-input id="purchaseReceiptList-salesBillNo" v-model.trim="queryParam.salesBillNo" allowClear placeholder="请输入关联单号"/>
|
|
|
|
|
|
+ <a-form-item label="供应商状态">
|
|
|
|
+ <v-select
|
|
|
|
+ v-model="queryParam.state"
|
|
|
|
+ ref="state"
|
|
|
|
+ id="purchaseReceiptList-state"
|
|
|
|
+ code="SPARE_PARTS_RETURN_STATE"
|
|
|
|
+ placeholder="请选择供应商状态"
|
|
|
|
+ allowClear
|
|
|
|
+ ></v-select>
|
|
</a-form-item>
|
|
</a-form-item>
|
|
</a-col>
|
|
</a-col>
|
|
</template>
|
|
</template>
|
|
@@ -60,16 +72,13 @@
|
|
</a-card>
|
|
</a-card>
|
|
<a-card size="small" :bordered="false" class="purchaseReceiptList-wrap">
|
|
<a-card size="small" :bordered="false" class="purchaseReceiptList-wrap">
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
<a-spin :spinning="spinning" tip="Loading...">
|
|
- <!-- 操作按钮 -->
|
|
|
|
- <div class="table-operator">
|
|
|
|
- <a-button v-if="$hasPermissions('B_purchaseReturnAdd')" id="purchaseReceiptList-add" type="primary" class="button-error" @click="handleAdd">新增</a-button>
|
|
|
|
- <div class="tongji-bar">
|
|
|
|
- 总单数:<strong>{{ totalData&&(totalData.totalRecord || totalData.totalRecord==0) ? totalData.totalRecord : '--' }}</strong>;
|
|
|
|
- 总款数:<strong>{{ totalData&&(totalData.totalQty || totalData.totalQty==0) ? totalData.totalQty : '--' }}</strong>;
|
|
|
|
- 总采购数量:<strong>{{ totalData&&(totalData.totalQty || totalData.totalQty==0) ? totalData.totalQty : '--' }}</strong>;
|
|
|
|
- <span>总采购金额:<strong>{{ totalData&&(totalData.totalAmount || totalData.totalAmount==0) ? toThousands(totalData.totalAmount) : '--' }}</strong>;</span>
|
|
|
|
- <span>已完结金额:<strong>{{ totalData&&(totalData.totalAmount || totalData.totalAmount==0) ? toThousands(totalData.totalAmount) : '--' }}</strong>;</span>
|
|
|
|
- </div>
|
|
|
|
|
|
+ <!-- 统计数据 -->
|
|
|
|
+ <div class="tongji-bar">
|
|
|
|
+ 总单数:<strong>{{ totalData&&(totalData.totalRecord || totalData.totalRecord==0) ? totalData.totalRecord : '--' }}</strong>;
|
|
|
|
+ 总款数:<strong>{{ totalData&&(totalData.totalQty || totalData.totalQty==0) ? totalData.totalQty : '--' }}</strong>;
|
|
|
|
+ 总采购数量:<strong>{{ totalData&&(totalData.totalQty || totalData.totalQty==0) ? totalData.totalQty : '--' }}</strong>;
|
|
|
|
+ <span>总采购金额:<strong>{{ totalData&&(totalData.totalAmount || totalData.totalAmount==0) ? toThousands(totalData.totalAmount) : '--' }}</strong>;</span>
|
|
|
|
+ <span>已完结金额:<strong>{{ totalData&&(totalData.totalAmount || totalData.totalAmount==0) ? toThousands(totalData.totalAmount) : '--' }}</strong>;</span>
|
|
</div>
|
|
</div>
|
|
<!-- 列表 -->
|
|
<!-- 列表 -->
|
|
<s-table
|
|
<s-table
|
|
@@ -86,12 +95,19 @@
|
|
bordered>
|
|
bordered>
|
|
<!-- 采购退货单号 -->
|
|
<!-- 采购退货单号 -->
|
|
<template slot="sparePartsReturnNo" slot-scope="text, record">
|
|
<template slot="sparePartsReturnNo" slot-scope="text, record">
|
|
- <span v-if="$hasPermissions('B_purchaseReturnDetail')" class="link-bule" @click="handleDetail(record)">{{ record.sparePartsReturnNo }}</span>
|
|
|
|
|
|
+ <span v-if="$hasPermissions('B_purchaseReturnDetail')" id="purchaseReceiptList-detail-btn" class="link-bule" @click="handleDetail(record)">{{ record.sparePartsReturnNo }}</span>
|
|
<span v-else>{{ record.sparePartsReturnNo }}</span>
|
|
<span v-else>{{ record.sparePartsReturnNo }}</span>
|
|
</template>
|
|
</template>
|
|
<!-- 操作 -->
|
|
<!-- 操作 -->
|
|
<!-- state 待提交 WAIT_SUBMIT 待审核 WAIT_AUDIT 已完结 FINISH 审核不通过 AUDIT_REJECT -->
|
|
<!-- state 待提交 WAIT_SUBMIT 待审核 WAIT_AUDIT 已完结 FINISH 审核不通过 AUDIT_REJECT -->
|
|
<template slot="action" slot-scope="text, record">
|
|
<template slot="action" slot-scope="text, record">
|
|
|
|
+ <a-button
|
|
|
|
+ size="small"
|
|
|
|
+ type="link"
|
|
|
|
+ class="button-warning"
|
|
|
|
+ @click="handleCheck(record)"
|
|
|
|
+ v-if="$hasPermissions('B_purchaseReturnRate') && record.state !='WAIT_SUBMIT'"
|
|
|
|
+ id="purchaseReceiptList-examine-btn">审核</a-button>
|
|
<a-button
|
|
<a-button
|
|
size="small"
|
|
size="small"
|
|
type="link"
|
|
type="link"
|
|
@@ -106,45 +122,60 @@
|
|
@click="handleDel(record)"
|
|
@click="handleDel(record)"
|
|
class="button-error"
|
|
class="button-error"
|
|
id="purchaseReceiptList-del-btn">取消</a-button>
|
|
id="purchaseReceiptList-del-btn">取消</a-button>
|
|
|
|
+ <a-button
|
|
|
|
+ size="small"
|
|
|
|
+ type="link"
|
|
|
|
+ class="button-warning"
|
|
|
|
+ @click="handleCheck(record)"
|
|
|
|
+ v-if="$hasPermissions('B_purchaseReturnRate') && record.state !='WAIT_SUBMIT'"
|
|
|
|
+ id="purchaseReceiptList-logistics-btn">物流</a-button>
|
|
|
|
+ <a-button
|
|
|
|
+ size="small"
|
|
|
|
+ type="link"
|
|
|
|
+ class="button-warning"
|
|
|
|
+ @click="handleCheck(record)"
|
|
|
|
+ v-if="$hasPermissions('B_purchaseReturnRate') && record.state !='WAIT_SUBMIT'"
|
|
|
|
+ id="purchaseReceiptList-addVoucher-btn">上传凭证</a-button>
|
|
|
|
+ <a-button
|
|
|
|
+ size="small"
|
|
|
|
+ type="link"
|
|
|
|
+ class="button-warning"
|
|
|
|
+ @click="handleCheck(record)"
|
|
|
|
+ v-if="$hasPermissions('B_purchaseReturnRate') && record.state !='WAIT_SUBMIT'"
|
|
|
|
+ id="purchaseReceiptList-seeVoucher-btn">查看凭证</a-button>
|
|
</template>
|
|
</template>
|
|
</s-table>
|
|
</s-table>
|
|
</a-spin>
|
|
</a-spin>
|
|
- <!-- 新增、详情弹窗-->
|
|
|
|
- <add-modal v-drag :openModal="openModal" @ok="handleOk" @close="openModal=false" />
|
|
|
|
|
|
+ <!-- 详情弹窗 -->
|
|
<detailModal v-drag :openModal="openDetailModal" :itemSn="itemSn" @close="closeDetailModal" />
|
|
<detailModal v-drag :openModal="openDetailModal" :itemSn="itemSn" @close="closeDetailModal" />
|
|
- <!-- 导出提示框 -->
|
|
|
|
- <reportModal :visible="showExport" @close="showExport=false"></reportModal>
|
|
|
|
- <!-- 审核进度弹窗 -->
|
|
|
|
- <reviewProgressModal v-drag :itemSn="itemSnSh" :auditTime="auditTime" :openModal="openReviewModal" @close="openReviewModal=false"></reviewProgressModal>
|
|
|
|
|
|
+ <!-- 审核弹窗 -->
|
|
|
|
+ <reviewModal v-drag :openModal="openReviewModal" @close="openReviewModal=false"></reviewModal>
|
|
</a-card>
|
|
</a-card>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
<script>
|
|
import { commonMixin } from '@/utils/mixin'
|
|
import { commonMixin } from '@/utils/mixin'
|
|
|
|
+// 组件
|
|
import { STable, VSelect } from '@/components'
|
|
import { STable, VSelect } from '@/components'
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
import rangeDate from '@/views/common/rangeDate.vue'
|
|
import custList from '@/views/common/custList.vue'
|
|
import custList from '@/views/common/custList.vue'
|
|
-import reportModal from '@/views/common/reportModal.vue'
|
|
|
|
-import { hdExportExcel } from '@/libs/exportExcel'
|
|
|
|
import supplier from '@/views/common/supplier.js'
|
|
import supplier from '@/views/common/supplier.js'
|
|
import warehouse from '@/views/common/chooseWarehouse.js'
|
|
import warehouse from '@/views/common/chooseWarehouse.js'
|
|
|
|
+import reviewModal from './reviewModal.vue'
|
|
|
|
+import detailModal from './detailModal.vue'
|
|
|
|
+// 接口
|
|
import { sparePartsReturnList, sparePartsReturnDelete, sparePartsReturnExportDetail, againSubmit } from '@/api/sparePartsReturn'
|
|
import { sparePartsReturnList, sparePartsReturnDelete, sparePartsReturnExportDetail, againSubmit } from '@/api/sparePartsReturn'
|
|
export default {
|
|
export default {
|
|
name: 'PurchaseReceiptList',
|
|
name: 'PurchaseReceiptList',
|
|
mixins: [commonMixin],
|
|
mixins: [commonMixin],
|
|
- components: { STable, supplier, VSelect, reportModal, custList, rangeDate, warehouse },
|
|
|
|
|
|
+ components: { STable, supplier, VSelect, custList, rangeDate, warehouse, reviewModal, detailModal },
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
spinning: false,
|
|
spinning: false,
|
|
disabled: false, // 查询、重置按钮是否可操作
|
|
disabled: false, // 查询、重置按钮是否可操作
|
|
- openModal: false, // 新增弹框是否显示
|
|
|
|
- openDetailModal: false, // 详情弹窗
|
|
|
|
- openReviewModal: false, // 审核进度弹窗
|
|
|
|
- showExport: false,
|
|
|
|
- exportLoading: false,
|
|
|
|
- advanced: true,
|
|
|
|
- tableHeight: 0,
|
|
|
|
|
|
+ tableHeight: 0, // 表格高度
|
|
|
|
+ advanced: true, // 高级搜索 展开/关闭
|
|
// 查询参数
|
|
// 查询参数
|
|
queryParam: {
|
|
queryParam: {
|
|
beginDate: undefined,
|
|
beginDate: undefined,
|
|
@@ -155,14 +186,20 @@ export default {
|
|
warehouseSn: undefined, // 仓库
|
|
warehouseSn: undefined, // 仓库
|
|
state: undefined
|
|
state: undefined
|
|
},
|
|
},
|
|
|
|
+ openReviewModal: false, // 审核弹窗
|
|
|
|
+ openDetailModal: false, // 详情弹窗
|
|
|
|
+ itemSn: null, // 采购入库sn
|
|
|
|
+ totalData: null, // 统计数据
|
|
// 加载数据方法 必须为 Promise 对象
|
|
// 加载数据方法 必须为 Promise 对象
|
|
loadData: parameter => {
|
|
loadData: parameter => {
|
|
this.disabled = true
|
|
this.disabled = true
|
|
this.spinning = true
|
|
this.spinning = true
|
|
|
|
+ // 获取列表数据 有分页
|
|
return sparePartsReturnList(Object.assign(parameter, this.queryParam)).then(res => {
|
|
return sparePartsReturnList(Object.assign(parameter, this.queryParam)).then(res => {
|
|
let data
|
|
let data
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
data = res.data
|
|
data = res.data
|
|
|
|
+ // 计算列表序号
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
data.list[i].no = no + i + 1
|
|
data.list[i].no = no + i + 1
|
|
@@ -172,11 +209,7 @@ export default {
|
|
this.spinning = false
|
|
this.spinning = false
|
|
return data
|
|
return data
|
|
})
|
|
})
|
|
- },
|
|
|
|
- itemSnSh: null,
|
|
|
|
- itemSn: null, // 采购退货SN
|
|
|
|
- auditTime: null, // 审核时间
|
|
|
|
- totalData: null
|
|
|
|
|
|
+ }
|
|
}
|
|
}
|
|
},
|
|
},
|
|
computed: {
|
|
computed: {
|
|
@@ -189,17 +222,18 @@ export default {
|
|
{ title: '提交时间', dataIndex: 'auditDate', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '提交时间', dataIndex: 'auditDate', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '供应商名称', dataIndex: 'supplier.supplierName', align: 'left', width: '14%', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '供应商名称', dataIndex: 'supplier.supplierName', align: 'left', width: '14%', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '采购数量', dataIndex: 'totalQty', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
{ title: '采购数量', dataIndex: 'totalQty', width: '8%', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
- // { title: '采购金额', dataIndex: 'totalCost', width: '8%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } },
|
|
|
|
|
|
+ { title: '采购金额', dataIndex: 'totalCost', width: '8%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } },
|
|
{ title: '入库仓库', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '入库仓库', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '关联单号', dataIndex: 'stateDictValue', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '关联单号', dataIndex: 'stateDictValue', width: '8%', align: 'center', customRender: function (text) { return text || '--' } },
|
|
{ title: '客户名称', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '客户名称', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '业务状态', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '业务状态', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
|
+ { title: '供应商状态', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '备注', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '备注', dataIndex: 'returnReasonDictValue', width: '10%', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: '10%', align: 'center' }
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: '10%', align: 'center' }
|
|
]
|
|
]
|
|
- if (this.$hasPermissions('M_purchaseReturnList_costPrice')) { // 售价权限
|
|
|
|
- arr.splice(7, 0, { title: '采购金额', dataIndex: 'totalCost', width: '8%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } })
|
|
|
|
- }
|
|
|
|
|
|
+ // if (this.$hasPermissions('M_purchaseReturnList_costPrice')) { // 售价权限
|
|
|
|
+ // arr.splice(7, 0, { title: '采购金额', dataIndex: 'totalCost', width: '8%', align: 'right', customRender: function (text) { return ((text || text == 0) ? _this.toThousands(text, 2) : '--') } })
|
|
|
|
+ // }
|
|
return arr
|
|
return arr
|
|
}
|
|
}
|
|
},
|
|
},
|
|
@@ -209,75 +243,25 @@ export default {
|
|
this.queryParam.beginDate = date[0]
|
|
this.queryParam.beginDate = date[0]
|
|
this.queryParam.endDate = date[1]
|
|
this.queryParam.endDate = date[1]
|
|
},
|
|
},
|
|
- // 导出
|
|
|
|
- handleExport () {
|
|
|
|
- const _this = this
|
|
|
|
- _this.$store.state.app.curActionPermission = 'B_purchaseReturnExport'
|
|
|
|
- _this.exportLoading = true
|
|
|
|
- _this.spinning = true
|
|
|
|
- hdExportExcel(sparePartsReturnExportDetail, _this.queryParam, '采购退货', function () {
|
|
|
|
- _this.exportLoading = false
|
|
|
|
- _this.spinning = false
|
|
|
|
- _this.showExport = true
|
|
|
|
- _this.$store.state.app.curActionPermission = ''
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- // 新增
|
|
|
|
- handleAdd () {
|
|
|
|
- this.openModal = true
|
|
|
|
- },
|
|
|
|
- // 基本信息 保存
|
|
|
|
- handleOk (row) {
|
|
|
|
- this.$router.push({ name: 'purchaseReturnAdd', query: { returnSn: row.sparePartsReturnSn, no: row.sparePartsReturnNo, sn: row.supplierSn } })
|
|
|
|
- },
|
|
|
|
// 编辑
|
|
// 编辑
|
|
handleEdit (row) {
|
|
handleEdit (row) {
|
|
this.$router.push({ name: 'purchaseReceiptEdit', query: { returnSn: row.sparePartsReturnSn, no: row.sparePartsReturnNo, sn: row.supplierSn } })
|
|
this.$router.push({ name: 'purchaseReceiptEdit', query: { returnSn: row.sparePartsReturnSn, no: row.sparePartsReturnNo, sn: row.supplierSn } })
|
|
},
|
|
},
|
|
- // 审核进度
|
|
|
|
- handleSH (row) {
|
|
|
|
- this.itemSnSh = row.sparePartsReturnSn
|
|
|
|
- this.auditTime = row.submitDate
|
|
|
|
|
|
+ // 审核
|
|
|
|
+ handleCheck (row) {
|
|
const _this = this
|
|
const _this = this
|
|
- _this.$nextTick(() => {
|
|
|
|
- _this.openReviewModal = true
|
|
|
|
- })
|
|
|
|
|
|
+ _this.openReviewModal = true
|
|
},
|
|
},
|
|
- // 再次提交
|
|
|
|
- handleResubmit (row) {
|
|
|
|
- const _this = this
|
|
|
|
- this.$confirm({
|
|
|
|
- title: '操作提示',
|
|
|
|
- content: '系统将自动生成一个新的采购退货单,新单据中的产品申退数量将以最大可用库存为准,最大可用库存为0时,系统将强制删除已选的对应产品。您可以对新单据进行编辑、提交等操作,原单据保持不变,确认操作吗?',
|
|
|
|
- centered: true,
|
|
|
|
- onOk () {
|
|
|
|
- _this.spinning = true
|
|
|
|
- againSubmit({ sparePartsReturnSn: row.sparePartsReturnSn }).then(res => {
|
|
|
|
- if (res.status == 200) {
|
|
|
|
- _this.$message.success(res.message)
|
|
|
|
- _this.$refs.table.refresh()
|
|
|
|
- _this.spinning = false
|
|
|
|
- } else {
|
|
|
|
- _this.spinning = false
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- }
|
|
|
|
- })
|
|
|
|
- },
|
|
|
|
- // 采购退货详情
|
|
|
|
|
|
+ // 采购单号 打开详情弹窗
|
|
handleDetail (row) {
|
|
handleDetail (row) {
|
|
this.itemSn = row.sparePartsReturnSn
|
|
this.itemSn = row.sparePartsReturnSn
|
|
- const _this = this
|
|
|
|
- _this.$nextTick(() => {
|
|
|
|
- _this.openDetailModal = true
|
|
|
|
- })
|
|
|
|
|
|
+ this.openDetailModal = true
|
|
},
|
|
},
|
|
// 关闭采购退货详情弹框
|
|
// 关闭采购退货详情弹框
|
|
closeDetailModal () {
|
|
closeDetailModal () {
|
|
- this.itemSn = null
|
|
|
|
this.openDetailModal = false
|
|
this.openDetailModal = false
|
|
},
|
|
},
|
|
- // 删除
|
|
|
|
|
|
+ // 取消
|
|
handleDel (row) {
|
|
handleDel (row) {
|
|
const _this = this
|
|
const _this = this
|
|
this.$confirm({
|
|
this.$confirm({
|
|
@@ -298,6 +282,7 @@ export default {
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
|
|
+ // 客户名称 change
|
|
custChange (obj) {
|
|
custChange (obj) {
|
|
this.queryParam.buyerSn = obj.key
|
|
this.queryParam.buyerSn = obj.key
|
|
},
|
|
},
|
|
@@ -316,23 +301,26 @@ export default {
|
|
this.$refs.rangeDate.resetDate()
|
|
this.$refs.rangeDate.resetDate()
|
|
this.$refs.table.refresh(true)
|
|
this.$refs.table.refresh(true)
|
|
},
|
|
},
|
|
|
|
+ // 初始化数据
|
|
pageInit () {
|
|
pageInit () {
|
|
const _this = this
|
|
const _this = this
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
_this.setTableH()
|
|
_this.setTableH()
|
|
})
|
|
})
|
|
this.openModal = false
|
|
this.openModal = false
|
|
- this.openDetailModal = false
|
|
|
|
|
|
+ // this.openDetailModal = false
|
|
this.itemSn = null
|
|
this.itemSn = null
|
|
this.rowSelectionInfo = null
|
|
this.rowSelectionInfo = null
|
|
this.$refs.table.clearTable()
|
|
this.$refs.table.clearTable()
|
|
},
|
|
},
|
|
|
|
+ // 计算表格高度
|
|
setTableH () {
|
|
setTableH () {
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
const tableSearchH = this.$refs.tableSearch.offsetHeight
|
|
- this.tableHeight = window.innerHeight - tableSearchH - 240
|
|
|
|
|
|
+ this.tableHeight = window.innerHeight - tableSearchH - 225
|
|
}
|
|
}
|
|
},
|
|
},
|
|
watch: {
|
|
watch: {
|
|
|
|
+ // 展开关闭 监听页面高度变化
|
|
advanced (newValue, oldValue) {
|
|
advanced (newValue, oldValue) {
|
|
const _this = this
|
|
const _this = this
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
this.$nextTick(() => { // 页面渲染完成后的回调
|
|
@@ -368,9 +356,8 @@ export default {
|
|
</script>
|
|
</script>
|
|
<style lang="less" scoped>
|
|
<style lang="less" scoped>
|
|
.purchaseReceiptList-wrap{
|
|
.purchaseReceiptList-wrap{
|
|
- .table-operator{
|
|
|
|
- display:flex;
|
|
|
|
- align-items:center;
|
|
|
|
|
|
+ .tongji-bar{
|
|
|
|
+ margin-bottom:13px;
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|