|
@@ -1,231 +1,233 @@
|
|
<template>
|
|
<template>
|
|
<div class="bulkWarehousingOrderEdit-wrap">
|
|
<div class="bulkWarehousingOrderEdit-wrap">
|
|
- <!-- 内容 -->
|
|
|
|
- <a-page-header :ghost="false" :backIcon="false" class="bulkWarehousingOrderEdit-cont" >
|
|
|
|
- <!-- 自定义的二级文字标题 -->
|
|
|
|
- <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>
|
|
|
|
- </template>
|
|
|
|
- <!-- 操作区,位于 title 行的行尾 -->
|
|
|
|
- <template slot="extra">
|
|
|
|
- <a-radio-group key="3" v-model="printerType">
|
|
|
|
- <a-radio value="NEEDLE">针式</a-radio>
|
|
|
|
- <a-radio value="INK">喷墨</a-radio>
|
|
|
|
- </a-radio-group>
|
|
|
|
- <a-button key="2" id="bulkWarehousingOrderEdit-preview-btn" :disabled="chooseLoadData.length==0" @click="handlePrint('preview')">打印预览</a-button>
|
|
|
|
- <a-button key="1" type="primary" id="bulkWarehousingOrderEdit-print-btn" :disabled="chooseLoadData.length==0" @click="handlePrint('print')">快捷打印</a-button>
|
|
|
|
- </template>
|
|
|
|
- </a-page-header>
|
|
|
|
- <!-- 基础信息 -->
|
|
|
|
- <a-card size="small" :bordered="false" class="bulkWarehousingOrderEdit-cont">
|
|
|
|
- <a-collapse :activeKey="['1']">
|
|
|
|
- <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>
|
|
|
|
- </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>
|
|
|
|
|
|
+ <a-spin :spinning="spinning" tip="Loading...">
|
|
|
|
+ <!-- 内容 -->
|
|
|
|
+ <a-page-header :ghost="false" :backIcon="false" class="bulkWarehousingOrderEdit-cont" >
|
|
|
|
+ <!-- 自定义的二级文字标题 -->
|
|
|
|
+ <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>
|
|
|
|
+ </template>
|
|
|
|
+ <!-- 操作区,位于 title 行的行尾 -->
|
|
|
|
+ <template slot="extra">
|
|
|
|
+ <a-radio-group key="3" v-model="printerType">
|
|
|
|
+ <a-radio value="NEEDLE">针式</a-radio>
|
|
|
|
+ <a-radio value="INK">喷墨</a-radio>
|
|
|
|
+ </a-radio-group>
|
|
|
|
+ <a-button key="2" id="bulkWarehousingOrderEdit-preview-btn" :disabled="chooseLoadData.length==0" @click="handlePrint('preview')">打印预览</a-button>
|
|
|
|
+ <a-button key="1" type="primary" id="bulkWarehousingOrderEdit-print-btn" :disabled="chooseLoadData.length==0" @click="handlePrint('print')">快捷打印</a-button>
|
|
|
|
+ </template>
|
|
|
|
+ </a-page-header>
|
|
|
|
+ <!-- 基础信息 -->
|
|
|
|
+ <a-card size="small" :bordered="false" class="bulkWarehousingOrderEdit-cont">
|
|
|
|
+ <a-collapse :activeKey="['1']">
|
|
|
|
+ <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>
|
|
|
|
+ </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>
|
|
</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>
|
|
|
|
- </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;">
|
|
|
|
- <a-button
|
|
|
|
- type="primary"
|
|
|
|
- id="bulkWarehousingOrderEdit-submit"
|
|
|
|
- size="large"
|
|
|
|
- class="button-primary"
|
|
|
|
- @click="handleSubmit"
|
|
|
|
- style="padding: 0 60px;">提交</a-button>
|
|
|
|
- </div>
|
|
|
|
- </a-affix>
|
|
|
|
|
|
+ </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>
|
|
|
|
+ </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;">
|
|
|
|
+ <a-button
|
|
|
|
+ type="primary"
|
|
|
|
+ id="bulkWarehousingOrderEdit-submit"
|
|
|
|
+ size="large"
|
|
|
|
+ class="button-primary"
|
|
|
|
+ @click="handleSubmit"
|
|
|
|
+ style="padding: 0 60px;">提交</a-button>
|
|
|
|
+ </div>
|
|
|
|
+ </a-affix>
|
|
|
|
+ </a-spin>
|
|
<!-- 选择基本信息弹框 -->
|
|
<!-- 选择基本信息弹框 -->
|
|
<basic-info-modal :openModal="openModal" @ok="handleOk" @close="openModal=false" />
|
|
<basic-info-modal :openModal="openModal" @ok="handleOk" @close="openModal=false" />
|
|
<!-- 打印 -->
|
|
<!-- 打印 -->
|
|
@@ -246,6 +248,7 @@ export default {
|
|
components: { STable, VSelect, basicInfoModal },
|
|
components: { STable, VSelect, basicInfoModal },
|
|
data () {
|
|
data () {
|
|
return {
|
|
return {
|
|
|
|
+ spinning: false,
|
|
queryParam: {
|
|
queryParam: {
|
|
queryWord: '',
|
|
queryWord: '',
|
|
productBrandSn: undefined,
|
|
productBrandSn: undefined,
|
|
@@ -334,7 +337,9 @@ export default {
|
|
// 打印预览/快捷打印
|
|
// 打印预览/快捷打印
|
|
handlePrint (type) {
|
|
handlePrint (type) {
|
|
const _this = this
|
|
const _this = this
|
|
|
|
+ _this.spinning = true
|
|
sparePartsPurDetailPrint({ sn: this.$route.params.sn, type: this.printerType }).then(res => {
|
|
sparePartsPurDetailPrint({ sn: this.$route.params.sn, type: this.printerType }).then(res => {
|
|
|
|
+ _this.spinning = false
|
|
if (res.type == 'application/json') {
|
|
if (res.type == 'application/json') {
|
|
var reader = new FileReader()
|
|
var reader = new FileReader()
|
|
reader.addEventListener('loadend', function () {
|
|
reader.addEventListener('loadend', function () {
|
|
@@ -449,22 +454,30 @@ export default {
|
|
return
|
|
return
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
+ this.spinning = true
|
|
sparePartsPurDetailSave(params).then(res => {
|
|
sparePartsPurDetailSave(params).then(res => {
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
this.$message.success(res.message)
|
|
this.$message.success(res.message)
|
|
this.getChooseDealerProductList()
|
|
this.getChooseDealerProductList()
|
|
|
|
+ this.spinning = false
|
|
|
|
+ } else {
|
|
|
|
+ this.spinning = false
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|
|
// 提交
|
|
// 提交
|
|
handleSubmit () {
|
|
handleSubmit () {
|
|
const _this = this
|
|
const _this = this
|
|
|
|
+ _this.spinning = true
|
|
sparePartsPurSubmit({ id: this.$route.params.id }).then(res => {
|
|
sparePartsPurSubmit({ id: this.$route.params.id }).then(res => {
|
|
if (res.status == 200) {
|
|
if (res.status == 200) {
|
|
this.$message.success(res.message)
|
|
this.$message.success(res.message)
|
|
setTimeout(() => {
|
|
setTimeout(() => {
|
|
_this.handleBack()
|
|
_this.handleBack()
|
|
|
|
+ _this.spinning = false
|
|
}, 1000)
|
|
}, 1000)
|
|
|
|
+ } else {
|
|
|
|
+ _this.spinning = false
|
|
}
|
|
}
|
|
})
|
|
})
|
|
},
|
|
},
|