|
@@ -16,9 +16,16 @@
|
|
|
</a-col>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
<a-form-item label="供应商" :label-col="{ span:7 }" :wrapper-col="{ span:17}">
|
|
|
- <a-select id="bulkWarehousingOrderList-supplierName" placeholder="请选择供应商" allowClear v-model="queryParam.supplierName" :showSearch="true" option-filter-prop="children" :filter-option="filterOption">
|
|
|
- <a-select-option v-for="item in supplierList" :key="item.salesChannelNo" :value="item.salesChannelNo">{{ item.salesChannelName }}</a-select-option>
|
|
|
- </a-select>
|
|
|
+ <a-select
|
|
|
+ id="bulkWarehousingOrderList-supplierName"
|
|
|
+ placeholder="请选择供应商"
|
|
|
+ allowClear
|
|
|
+ v-model="queryParam.supplierName"
|
|
|
+ :showSearch="true"
|
|
|
+ option-filter-prop="children"
|
|
|
+ :filter-option="filterOption">
|
|
|
+ <a-select-option v-for="item in supplierList" :key="item.salesChannelNo" :value="item.salesChannelNo">{{ item.salesChannelName }}</a-select-option>
|
|
|
+ </a-select>
|
|
|
</a-form-item>
|
|
|
</a-col>
|
|
|
<template v-if="advanced">
|
|
@@ -46,10 +53,17 @@
|
|
|
</a-col>
|
|
|
</template>
|
|
|
<a-col :md="6" :sm="24">
|
|
|
- <span class="table-page-search-submitButtons">
|
|
|
- <a-button type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="bulkWarehousingOrderList-refresh">查询</a-button>
|
|
|
- <a-button style="margin-left: 8px" @click="resetSearchForm()" :disabled="disabled" id="bulkWarehousingOrderList-reset">重置</a-button>
|
|
|
- <a-button style="margin-left: 8px" type="danger" @click="handleExport" :disabled="disabled" :loading="exportLoading" id="bulkWarehousingOrderList-export">导出</a-button>
|
|
|
+ <span class="table-page-search-submitButtons" style="margin-top: 3px;">
|
|
|
+ <a-button size="small" type="primary" @click="$refs.table.refresh(true)" :disabled="disabled" id="bulkWarehousingOrderList-refresh">查询</a-button>
|
|
|
+ <a-button size="small" style="margin-left: 8px" @click="resetSearchForm()" :disabled="disabled" id="bulkWarehousingOrderList-reset">重置</a-button>
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ style="margin-left: 8px"
|
|
|
+ type="danger"
|
|
|
+ @click="handleExport"
|
|
|
+ :disabled="disabled"
|
|
|
+ :loading="exportLoading"
|
|
|
+ id="bulkWarehousingOrderList-export">导出</a-button>
|
|
|
<a @click="advanced=!advanced" style="margin-left: 8px">
|
|
|
{{ advanced ? '收起' : '展开' }}
|
|
|
<a-icon :type="advanced ? 'up' : 'down'"/>
|
|
@@ -75,21 +89,25 @@
|
|
|
:rowKey="(record) => record.id"
|
|
|
:columns="columns"
|
|
|
:data="loadData"
|
|
|
+ :scroll="{ x: 1320 }"
|
|
|
bordered>
|
|
|
<!-- 散件单号 -->
|
|
|
<template slot="sparePartsPurchaseNo" slot-scope="text, record">
|
|
|
- <span style="color: #ed1c24;cursor: pointer;" @click="handleDetail(record)">{{record.sparePartsPurchaseNo}}</span>
|
|
|
+ <span style="color: #ed1c24;cursor: pointer;" @click="handleDetail(record)">{{ record.sparePartsPurchaseNo }}</span>
|
|
|
</template>
|
|
|
<!-- 状态 -->
|
|
|
<template slot="state" slot-scope="text, record">
|
|
|
- <span>{{record.state == 1 ? '已启用' : '已禁用'}}</span>
|
|
|
+ <span>{{ record.state == 1 ? '已启用' : '已禁用' }}</span>
|
|
|
</template>
|
|
|
<!-- 操作 -->
|
|
|
<template slot="action" slot-scope="text, record">
|
|
|
- <a-button size="small" type="primary" @click="handleEdit(record)" id="bulkWarehousingOrderList-edit-btn">编辑</a-button>
|
|
|
- <a-button size="small" type="dashed" @click="handleDetail(record)" id="bulkWarehousingOrderList-detail-btn" style="margin: 0 0 10px 8px">详情</a-button>
|
|
|
- <a-button size="small" type="primary" @click="handleWarehouse(record)" id="bulkWarehousingOrderList-warehouse-btn" style="margin: 0 0 10px 8px">入库</a-button>
|
|
|
- <a-button size="small" type="danger" @click="handleDel(record)" id="bulkWarehousingOrderList-del-btn" style="margin: 0 0 0 8px">删除</a-button>
|
|
|
+ <a-button size="small" type="link" @click="handleEdit(record)" id="bulkWarehousingOrderList-edit-btn">编辑</a-button>
|
|
|
+ <a-divider type="vertical" style="margin: 0;" />
|
|
|
+ <a-button size="small" type="link" @click="handleDetail(record)" id="bulkWarehousingOrderList-detail-btn">详情</a-button>
|
|
|
+ <a-divider type="vertical" style="margin: 0;" />
|
|
|
+ <a-button size="small" type="link" @click="handleWarehouse(record)" id="bulkWarehousingOrderList-warehouse-btn">入库</a-button>
|
|
|
+ <a-divider type="vertical" style="margin: 0;" />
|
|
|
+ <a-button size="small" type="link" @click="handleDel(record)" id="bulkWarehousingOrderList-del-btn">删除</a-button>
|
|
|
</template>
|
|
|
</s-table>
|
|
|
<!-- 选择基本信息弹框 -->
|
|
@@ -106,36 +124,37 @@ export default {
|
|
|
components: { STable, VSelect, basicInfoModal },
|
|
|
data () {
|
|
|
return {
|
|
|
- advanced: false, // 高级搜索 展开/关闭
|
|
|
+ advanced: false, // 高级搜索 展开/关闭
|
|
|
disabled: false, // 查询、重置按钮是否可操作
|
|
|
exportLoading: false, // 导出loading
|
|
|
openModal: false, // 基本信息弹框是否显示
|
|
|
- supplierList:[], // 供应商列表数据
|
|
|
- creatDate: undefined, // 创建时间
|
|
|
+ supplierList: [], // 供应商列表数据
|
|
|
+ creatDate: undefined, // 创建时间
|
|
|
// 查询参数
|
|
|
queryParam: {
|
|
|
- sparePartsPurchaseNo: '', // 散件单号
|
|
|
- supplierName: undefined, // 供应商
|
|
|
- state: undefined, // 单据状态
|
|
|
- settleState: undefined, // 结算状态
|
|
|
+ sparePartsPurchaseNo: '', // 散件单号
|
|
|
+ supplierName: undefined, // 供应商
|
|
|
+ state: undefined, // 单据状态
|
|
|
+ settleState: undefined // 结算状态
|
|
|
},
|
|
|
// 表头
|
|
|
columns: [
|
|
|
- { title: '散件单号', scopedSlots: { customRender: 'sparePartsPurchaseNo' }, align: 'center' },
|
|
|
- { title: '创建时间', dataIndex: 'createDate', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '供应商', dataIndex: 'supplierName', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '产品款数', dataIndex: 'productTotalCategory', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '总数量', dataIndex: 'productTotalQty', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '总金额', dataIndex: 'productTotalCost', align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
- { title: '单据状态', dataIndex: 'state', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '结算状态', dataIndex: 'settleState', align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '操作', scopedSlots: { customRender: 'action' }, width: 270, align: 'center' }
|
|
|
+ { title: '序号', dataIndex: 'no', width: 80, align: 'center' },
|
|
|
+ { title: '散件单号', dataIndex: 'salesBillNo', width: 140, align: 'center' },
|
|
|
+ { title: '创建时间', dataIndex: 'createDate', width: 160, align: 'center' },
|
|
|
+ { title: '供应商', dataIndex: 'buyerName', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
+ { title: '产品款数', dataIndex: 'totalCategory', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '总数量', dataIndex: 'totalQty', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '总金额', dataIndex: 'totalAmount', width: 100, align: 'center', customRender: function (text) { return ((text || text == 0) ? text : '--') } },
|
|
|
+ { title: '业务状态', scopedSlots: { customRender: 'auditStatus' }, width: 110, align: 'center' },
|
|
|
+ { title: '财务状态', scopedSlots: { customRender: 'financialStatus' }, width: 110, align: 'center' },
|
|
|
+ { title: '操作', scopedSlots: { customRender: 'action' }, width: 220, align: 'center', fixed: 'right' }
|
|
|
],
|
|
|
// 加载数据方法 必须为 Promise 对象
|
|
|
loadData: parameter => {
|
|
|
this.disabled = true
|
|
|
this.queryParam = {}
|
|
|
- return sparePartsPurList( Object.assign(parameter, this.queryParam) ).then(res => {
|
|
|
+ return sparePartsPurList(Object.assign(parameter, this.queryParam)).then(res => {
|
|
|
const data = res.data
|
|
|
const no = (data.pageNo - 1) * data.pageSize
|
|
|
for (var i = 0; i < data.list.length; i++) {
|
|
@@ -144,32 +163,51 @@ export default {
|
|
|
this.disabled = false
|
|
|
return data
|
|
|
})
|
|
|
- },
|
|
|
+ }
|
|
|
}
|
|
|
},
|
|
|
methods: {
|
|
|
// 新增
|
|
|
- handleAdd(){
|
|
|
+ handleAdd () {
|
|
|
this.openModal = true
|
|
|
},
|
|
|
// 基本信息 保存
|
|
|
- handleOk(){
|
|
|
+ handleOk () {
|
|
|
this.$router.push({ path: `/bulkManagement/bulkWarehousingOrder/add` })
|
|
|
},
|
|
|
// 编辑
|
|
|
handleEdit (row) {
|
|
|
- this.$router.push({ path: `/bulkManagement/bulkWarehousingOrder/edit/${row.id}`})
|
|
|
+ this.$router.push({ path: `/bulkManagement/bulkWarehousingOrder/edit/${row.id}` })
|
|
|
},
|
|
|
// 详情
|
|
|
- handleDetail(row){
|
|
|
- this.$router.push({ path: `/bulkManagement/bulkWarehousingOrder/detail/${row.id}`})
|
|
|
+ handleDetail (row) {
|
|
|
+ console.log(12112)
|
|
|
+ this.$router.push({ path: `/bulkManagement/bulkWarehousingOrder/detail/${row.id}` })
|
|
|
},
|
|
|
// 入库
|
|
|
- handleWarehouse(row){
|
|
|
- this.$router.push({ path: `/bulkManagement/bulkWarehousingOrder/warehousing/${row.id}`})
|
|
|
+ handleWarehouse (row) {
|
|
|
+ const _this = this
|
|
|
+ this.$confirm({
|
|
|
+ title: '提示',
|
|
|
+ content: '确定是否入库?',
|
|
|
+ okText: '确定',
|
|
|
+ cancelText: '取消',
|
|
|
+ centered: true,
|
|
|
+ onOk () {
|
|
|
+ // delectRolePower({
|
|
|
+ // id: row.id
|
|
|
+ // }).then(res => {
|
|
|
+ // console.log(res, 'res1111')
|
|
|
+ // if (res.status == 200) {
|
|
|
+ // _this.$message.success(res.message)
|
|
|
+ // _this.$refs.table.refresh()
|
|
|
+ // }
|
|
|
+ // })
|
|
|
+ }
|
|
|
+ })
|
|
|
},
|
|
|
// 删除
|
|
|
- handleDel(row){
|
|
|
+ handleDel (row) {
|
|
|
const _this = this
|
|
|
this.$confirm({
|
|
|
title: '提示',
|
|
@@ -199,7 +237,7 @@ export default {
|
|
|
this.creatDate = undefined
|
|
|
this.$refs.table.refresh(true)
|
|
|
},
|
|
|
- filterOption(input, option) {
|
|
|
+ filterOption (input, option) {
|
|
|
return (
|
|
|
option.componentOptions.children[0].text.toLowerCase().indexOf(input.toLowerCase()) >= 0
|
|
|
)
|
|
@@ -246,4 +284,4 @@ export default {
|
|
|
margin-top: 15px;
|
|
|
}
|
|
|
}
|
|
|
-</style>
|
|
|
+</style>
|