|
@@ -5,7 +5,7 @@
|
|
|
<!-- 自定义的二级文字标题 -->
|
|
|
<template slot="subTitle">
|
|
|
<a id="bulkWarehousingOrderEdit-back-btn" href="javascript:;" @click="handleBack"><a-icon type="left" /> 返回列表</a>
|
|
|
- <p style=" display: inline-block;margin: 0 0 0 60px;color: #000;font-size: 16px;font-weight: 600;">单号:{{ (basicInfoData&&basicInfoData.sparePartsPurchaseNo) || '' }}</p>
|
|
|
+ <!-- <p style=" display: inline-block;margin: 0 0 0 60px;color: #000;font-size: 16px;font-weight: 600;">单号:{{ (basicInfoData&&basicInfoData.sparePartsPurchaseNo) || '' }}</p> -->
|
|
|
</template>
|
|
|
<!-- 操作区,位于 title 行的行尾 -->
|
|
|
<template slot="extra">
|
|
@@ -19,197 +19,49 @@
|
|
|
<a-collapse-panel key="1">
|
|
|
<template slot="header">
|
|
|
基础信息
|
|
|
- <!-- <a-button type="primary" shape="circle" size="small" icon="edit" class="edit-circle-btn" id="bulkWarehousingOrderEdit-edit-circle-btn" @click.stop="handleEditInfo" /> -->
|
|
|
</template>
|
|
|
<a-descriptions :column="3">
|
|
|
<a-descriptions-item label="供应商">{{ (basicInfoData&&basicInfoData.supplierName) || '--' }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="散件入库类型">{{ (basicInfoData&&basicInfoData.sparePartsTypeName) || '--' }}</a-descriptions-item>
|
|
|
- <a-descriptions-item label="备注">{{ (basicInfoData&&basicInfoData.remarks) || '--' }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="入库类型">{{ (basicInfoData&&basicInfoData.sparePartsTypeName) || '--' }}</a-descriptions-item>
|
|
|
+ <a-descriptions-item label="入库单号">{{ (basicInfoData&&basicInfoData.remarks) || '--' }}</a-descriptions-item>
|
|
|
</a-descriptions>
|
|
|
</a-collapse-panel>
|
|
|
</a-collapse>
|
|
|
</a-card>
|
|
|
- <!-- 选择产品 -->
|
|
|
<a-card size="small" :bordered="false" class="bulkWarehousingOrderEdit-cont">
|
|
|
- <a-collapse :activeKey="['1']">
|
|
|
- <a-collapse-panel key="1">
|
|
|
- <template slot="header">
|
|
|
- 选择产品<span class="sub-title">①输入查询条件--->②查找到需要入库的配件--->③录入成本价、数量、仓库、仓位--->④点击“添加”</span>
|
|
|
- </template>
|
|
|
- <!-- 选择产品 -->
|
|
|
- <div>
|
|
|
- <!-- 搜索条件 -->
|
|
|
- <div class="table-page-search-wrapper">
|
|
|
- <a-form layout="inline" @keyup.enter.native="$refs.table.refresh(true)">
|
|
|
- <a-row :gutter="15">
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
- <a-form-item label="关键词">
|
|
|
- <a-input id="bulkWarehousingOrderEdit-queryWord" v-model.trim="queryParam.queryWord" allowClear placeholder="产品名称/产品编码/原厂编码"/>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
- <a-form-item label="产品品牌">
|
|
|
- <a-select
|
|
|
- placeholder="请选择产品品牌"
|
|
|
- id="bulkWarehousingOrderEdit-productBrandSn"
|
|
|
- allowClear
|
|
|
- v-model="queryParam.productBrandSn"
|
|
|
- :showSearch="true"
|
|
|
- option-filter-prop="children"
|
|
|
- :filter-option="filterOption">
|
|
|
- <a-select-option v-for="item in productBrandList" :key="item.brandSn" :value="item.brandSn">{{ item.brandName }}</a-select-option>
|
|
|
- </a-select>
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
- <a-form-item label="产品分类">
|
|
|
- <a-cascader
|
|
|
- @change="changeProductType"
|
|
|
- change-on-select
|
|
|
- v-model="productType"
|
|
|
- expand-trigger="hover"
|
|
|
- :options="productTypeList"
|
|
|
- :fieldNames="{ label: 'productTypeName', value: 'productTypeSn', children: 'children' }"
|
|
|
- id="productInfoList-productType"
|
|
|
- placeholder="请选择产品分类"
|
|
|
- allowClear />
|
|
|
- </a-form-item>
|
|
|
- </a-col>
|
|
|
- <a-col :md="6" :sm="24">
|
|
|
- <a-button style="margin-bottom: 18px;" type="primary" @click="getDealerProductList(1)" :disabled="disabled" id="bulkWarehousingOrderEdit-refresh">查询</a-button>
|
|
|
- <a-button style="margin: 0 0 18px 8px" @click="resetSearchForm" :disabled="disabled" id="bulkWarehousingOrderEdit-reset">重置</a-button>
|
|
|
- </a-col>
|
|
|
- </a-row>
|
|
|
- </a-form>
|
|
|
- </div>
|
|
|
- <!-- 列表 -->
|
|
|
- <a-table
|
|
|
- class="sTable"
|
|
|
- ref="table"
|
|
|
- size="small"
|
|
|
- :rowKey="(record) => record.id"
|
|
|
- :columns="columns"
|
|
|
- :customRow="handleClickRow"
|
|
|
- :dataSource="loadData"
|
|
|
- :scroll="{ x: 1600, y: 300 }"
|
|
|
- :pagination="paginationProps"
|
|
|
- @change="onTableChange"
|
|
|
- bordered>
|
|
|
- <!-- 成本价 -->
|
|
|
- <template slot="putCost" slot-scope="text, record">
|
|
|
- <a-input-number
|
|
|
- id="bulkWarehousingOrderEdit-putCost"
|
|
|
- v-model="record.putCost"
|
|
|
- :precision="2"
|
|
|
- :min="1"
|
|
|
- :max="999999"
|
|
|
- placeholder="请输入"
|
|
|
- style="width: 100%;" />
|
|
|
- </template>
|
|
|
- <!-- 数量 -->
|
|
|
- <template slot="putQty" slot-scope="text, record">
|
|
|
- <a-input-number
|
|
|
- id="bulkWarehousingOrderEdit-putQty"
|
|
|
- v-model="record.putQty"
|
|
|
- :precision="0"
|
|
|
- :min="1"
|
|
|
- :max="999999"
|
|
|
- placeholder="请输入"
|
|
|
- style="width: 100%;" />
|
|
|
- </template>
|
|
|
- <!-- 仓库仓位 -->
|
|
|
- <template slot="warehouse" slot-scope="text, record, index">
|
|
|
- <a-cascader
|
|
|
- @change="e => changeWarehouseCascade(e, record, index, 'dealerProduct')"
|
|
|
- v-model="record.warehouseCascade"
|
|
|
- expand-trigger="hover"
|
|
|
- :allowClear="false"
|
|
|
- :options="warehouseCascadeData"
|
|
|
- :fieldNames="{ label: 'name', value: 'sn', children: 'warehouseLocationList' }"
|
|
|
- id="bulkWarehousingOrderEdit-warehouseCascade"
|
|
|
- placeholder="请选择仓库仓位"
|
|
|
- style="width: 100%;" />
|
|
|
- </template>
|
|
|
- <!-- 操作 -->
|
|
|
- <template slot="action" slot-scope="text, record">
|
|
|
- <a-button size="small" type="primary" class="button-primary" @click="handleAdd(record)" id="bulkWarehousingOrderEdit-add-btn">添加</a-button>
|
|
|
- </template>
|
|
|
- </a-table>
|
|
|
- </div>
|
|
|
- </a-collapse-panel>
|
|
|
- </a-collapse>
|
|
|
- </a-card>
|
|
|
- <!-- 已选产品 -->
|
|
|
- <a-card size="small" :bordered="false" class="bulkWarehousingOrderEdit-cont">
|
|
|
- <a-collapse :activeKey="['1']">
|
|
|
- <a-collapse-panel key="1">
|
|
|
- <template slot="header">
|
|
|
- 已选产品
|
|
|
- <a-button size="small" class="import-btn" id="bulkWarehousingOrderEdit-import-btn" @click.stop="handleImport">导入明细</a-button>
|
|
|
- </template>
|
|
|
- <!-- 已选产品 -->
|
|
|
- <div>
|
|
|
- <!-- 总计 -->
|
|
|
- <a-alert type="info" showIcon style="margin-bottom:15px">
|
|
|
- <div slot="message">总款数 <strong>{{ (productTotal&&productTotal.productTotalCategory) || 0 }}</strong> ,总数量 <strong>{{ (productTotal&&productTotal.productTotalQty) || 0 }}</strong> ,总成本¥<strong>{{ (productTotal&&productTotal.productTotalCost) || 0 }}</strong></div>
|
|
|
- </a-alert>
|
|
|
- <!-- 列表 -->
|
|
|
- <a-table
|
|
|
- class="sTable"
|
|
|
- ref="chooseTable"
|
|
|
- size="small"
|
|
|
- :rowKey="(record) => record.id"
|
|
|
- :columns="chooseColumns"
|
|
|
- :dataSource="chooseLoadData"
|
|
|
- :scroll="{ x: 1700, y: 300 }"
|
|
|
- :pagination="choosePaginationProps"
|
|
|
- @change="onChooseTableChange"
|
|
|
- bordered>
|
|
|
- <!-- 成本价 -->
|
|
|
- <template slot="putCost" slot-scope="text, record">
|
|
|
- <a-input-number
|
|
|
- id="bulkWarehousingOrderEdit-choose-putCost"
|
|
|
- v-model="record.putCost"
|
|
|
- :precision="2"
|
|
|
- :min="1"
|
|
|
- :max="999999"
|
|
|
- placeholder="请输入"
|
|
|
- @blur="e => putCostBlur(e.target.value, record)"
|
|
|
- style="width: 100%;" />
|
|
|
- </template>
|
|
|
- <!-- 数量 -->
|
|
|
- <template slot="putQty" slot-scope="text, record">
|
|
|
- <a-input-number
|
|
|
- id="bulkWarehousingOrderEdit-choose-putQty"
|
|
|
- v-model="record.putQty"
|
|
|
- :precision="0"
|
|
|
- :min="1"
|
|
|
- :max="999999"
|
|
|
- placeholder="请输入"
|
|
|
- @blur="e => putQtyBlur(e.target.value, record)"
|
|
|
- style="width: 100%;" />
|
|
|
- </template>
|
|
|
- <!-- 仓库仓位 -->
|
|
|
- <template slot="warehouse" slot-scope="text, record, index">
|
|
|
- <a-cascader
|
|
|
- @change="e => changeWarehouseCascade(e, record, index, 'sparePartsPurDetail')"
|
|
|
- v-model="record.warehouseCascade"
|
|
|
- expand-trigger="hover"
|
|
|
- :allowClear="false"
|
|
|
- :options="warehouseCascadeData"
|
|
|
- :fieldNames="{ label: 'name', value: 'sn', children: 'warehouseLocationList' }"
|
|
|
- id="bulkWarehousingOrderEdit-choose-warehouseCascade"
|
|
|
- placeholder="请选择仓库仓位"
|
|
|
- style="width: 100%;" />
|
|
|
- </template>
|
|
|
- <!-- 操作 -->
|
|
|
- <template slot="action" slot-scope="text, record">
|
|
|
- <a-button size="small" type="primary" class="button-error" @click="handleDel(record)" id="bulkWarehousingOrderEdit-del-btn">删除</a-button>
|
|
|
- </template>
|
|
|
- </a-table>
|
|
|
- </div>
|
|
|
- </a-collapse-panel>
|
|
|
- </a-collapse>
|
|
|
+ <!-- 操作按钮 -->
|
|
|
+ <div class="table-operator">
|
|
|
+ <a-button id="bulkWarehousingOrderEdit-add" type="primary" class="button-error" @click="handleAdd">新增产品</a-button>
|
|
|
+ </div>
|
|
|
+ <!-- 总计 -->
|
|
|
+ <a-alert type="info" showIcon style="margin-bottom:15px">
|
|
|
+ <div slot="message">入库数量 <strong>{{ (productTotal&&productTotal.productTotalCategory) || 0 }}</strong> ,入库金额 <strong>{{ (productTotal&&productTotal.productTotalQty) || 0 }}</strong></div>
|
|
|
+ </a-alert>
|
|
|
+ <!-- 列表 -->
|
|
|
+ <s-table
|
|
|
+ class="sTable"
|
|
|
+ ref="table"
|
|
|
+ size="small"
|
|
|
+ :rowKey="(record) => record.id"
|
|
|
+ :columns="columns"
|
|
|
+ :data="loadData"
|
|
|
+ bordered>
|
|
|
+ <!-- 操作 -->
|
|
|
+ <template slot="action" slot-scope="text, record">
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ @click="handleEdit(record)"
|
|
|
+ class="button-info"
|
|
|
+ id="bulkWarehousingOrderList-edit-btn">编辑</a-button>
|
|
|
+ <a-button
|
|
|
+ size="small"
|
|
|
+ type="link"
|
|
|
+ @click="handleDel(record)"
|
|
|
+ class="button-error"
|
|
|
+ id="bulkWarehousingOrderList-del-btn">删除</a-button>
|
|
|
+ </template>
|
|
|
+ </s-table>
|
|
|
</a-card>
|
|
|
<a-affix :offset-bottom="0">
|
|
|
<div style="text-align: center;width: 100%;background-color: #fff;padding: 12px 0;box-shadow: 0 0 20px #dcdee2;">
|
|
@@ -255,14 +107,12 @@ export default {
|
|
|
// 表头
|
|
|
columns: [
|
|
|
{ title: '序号', dataIndex: 'no', width: 80, align: 'center' },
|
|
|
- { title: '产品编码', dataIndex: 'code', width: 220, align: 'center', sorter: true, customRender: function (text) { return text || '--' } },
|
|
|
+ { title: '产品编码', dataIndex: 'code', width: 220, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '产品名称', dataIndex: 'name', align: 'center', customRender: function (text) { return text || '--' }, ellipsis: true },
|
|
|
- { title: '原厂编码', dataIndex: 'origCode', width: 220, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '产品品牌', dataIndex: 'productBrandName', width: 200, align: 'center', sorter: true, customRender: function (text) { return text || '--' } },
|
|
|
{ title: '单位', dataIndex: 'unit', width: 100, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
- { title: '成本价', scopedSlots: { customRender: 'putCost' }, width: 140, align: 'center' },
|
|
|
- { title: '数量', scopedSlots: { customRender: 'putQty' }, width: 140, align: 'center' },
|
|
|
- { title: '仓库仓位', scopedSlots: { customRender: 'warehouse' }, width: 200, align: 'center' },
|
|
|
+ { title: '入库数量', dataIndex: 'putQty', width: 140, align: 'center' },
|
|
|
+ { title: '入库单价', dataIndex: 'putCost', width: 140, align: 'center' },
|
|
|
+ { title: '小计', dataIndex: 'origCode', width: 220, align: 'center', customRender: function (text) { return text || '--' } },
|
|
|
{ title: '操作', scopedSlots: { customRender: 'action' }, width: 100, align: 'center', fixed: 'right' }
|
|
|
],
|
|
|
loadData: [],
|