You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
209 lines
8.2 KiB
209 lines
8.2 KiB
<template>
|
|
<div class="page-box" v-loading="Loading.appMainLoading">
|
|
<tablePagination
|
|
:currenButtonData="currenButtonData"
|
|
:tableData="tableData"
|
|
:tableLoading="Loading.tableLoading"
|
|
:tableColumns="tableColumns"
|
|
@rowDrop="rowDrop"
|
|
:totalCount="totalCount"
|
|
:multipleSelection="multipleSelection"
|
|
:MaxResultCount="PageListParams.MaxResultCount"
|
|
@topbutton="topbutton"
|
|
@inlineDialog="inlineDialog"
|
|
@sortChange="sortChange"
|
|
@alertoldSkipCount="alertoldSkipCount"
|
|
@alterResultCount="alterResultCount"
|
|
@handleSelectionChange="handleSelectionChange"
|
|
@buttonOperationClick="buttonOperationClick"
|
|
:currentPageProps="oldSkipCount"
|
|
:quicklySearchOption="quicklySearchOption"
|
|
@quicklySearchClick="quicklySearchClick"
|
|
@quicklySearchClear="quicklySearchClear"
|
|
:primarySearchOption="primarySearchOption"
|
|
@overallSearchFormClick="overallSearchFormClick"
|
|
:httpOverallSearchData="httpOverallSearchData"
|
|
>
|
|
</tablePagination>
|
|
<!-- 新增与编辑 -->
|
|
<newAndEdiDialog
|
|
:loading="Loading.newAndEdiLoading"
|
|
:active="active"
|
|
:pageStatus="pageStatus"
|
|
:formReveal="formReveal"
|
|
:formTitle="formTitle"
|
|
:displayDialog="editDialog"
|
|
:FormData="formReveal ? CreateFormData : editFormData"
|
|
:Form="formReveal ? CreateForm : editForm"
|
|
:Options="editOptions"
|
|
:Handle="editHandle"
|
|
:Rules="formReveal ? editRules.cerateRule : editRules.editRule"
|
|
@FormSubmit="FormSubmit"
|
|
@close="FormClose"
|
|
@goBack="goBack"
|
|
></newAndEdiDialog>
|
|
<!-- 新导入 disabledMethod 导入方式禁用 disabledIsAllowPartImport 是否局部导入禁用-->
|
|
<!-- methodValue 导入方式默认选项 是否局部导入 默认选项 -->
|
|
<importFile
|
|
:loading="Loading.importLoading"
|
|
:show="displayDialog.importDialog"
|
|
:URL="URL"
|
|
:disabledMethod={method1:false,method2:false,method3:false}
|
|
:disabledIsAllowPartImport={isAllowPartImport1:false,isAllowPartImport2:false}
|
|
isAllowPartImportValue="1"
|
|
@importClick="postImportMergeClick(arguments)"
|
|
@postImportDown="importDown"
|
|
></importFile>
|
|
<curren-Drawer
|
|
:title="tableColumns"
|
|
:tableColumns="tableColumns"
|
|
:DrawerLoading="Loading.DrawerLoading"
|
|
:drawer="displayDialog.detailsDialog"
|
|
:dropdownData="dropdownData"
|
|
:propsData="propsData"
|
|
:tabsDesTions="tabsDesTions"
|
|
@drawerShut="(val) => (displayDialog.detailsDialog = val)"
|
|
@drawerbutton="drawerbutton"
|
|
@handleCommand="drawerHandle"
|
|
@close-value="closeValue"
|
|
></curren-Drawer>
|
|
<!-- 搜索按钮——窗体组件 -->
|
|
<searchPage
|
|
ref="searchTable"
|
|
:tableLoading="Loading.autoTableLoading"
|
|
:advancedFilter="advancedFilter()"
|
|
:filterPageListParams="filterPageListParams"
|
|
:formTitle="searchTitle"
|
|
:displayDialog="displayDialog.AddNewDialog"
|
|
:searchTableData="searchData"
|
|
:searchTableColumns="searchColumns"
|
|
:searchTotalCount="searchTotalCount"
|
|
:supplierItemPage="searchPageListParams"
|
|
@handleSelectionChange="prepareFormData"
|
|
@SizeChange="searchAlterResultCount($event, searchPageListParams)"
|
|
@CurrentChange="searchAlertoldSkipCount($event, searchPageListParams)"
|
|
@tableButtonClick="searchSubmit(arguments)"
|
|
></searchPage>
|
|
</div>
|
|
</template>
|
|
<script>
|
|
import { tableMixins } from "@/mixins/TableMixins"
|
|
import { LoadingMixins } from "@/mixins/LoadingMixins"
|
|
import { drawerMixins } from "@/mixins/drawerMixins"
|
|
import { TableHeaderMixins } from "@/mixins/TableHeaderMixins"
|
|
import { newAndEdiDialogMixins } from "@/mixins/newAndEdiDialogMixins"
|
|
import { mixins } from "@/mixins/mixins"
|
|
import { filterSelectMixins } from '@/mixins/filter-Select'
|
|
export default {
|
|
name: "ItemPack",
|
|
mixins: [
|
|
tableMixins,
|
|
LoadingMixins,
|
|
drawerMixins,
|
|
TableHeaderMixins,
|
|
mixins,
|
|
filterSelectMixins,
|
|
newAndEdiDialogMixins
|
|
],
|
|
computed: {
|
|
editDialog: {
|
|
get: function () {
|
|
return this.displayDialog.newDialog || this.displayDialog.editDialog;
|
|
},
|
|
},
|
|
},
|
|
data () {
|
|
const validateQty = (rule, value, callback) => {
|
|
if (value <= 0) {
|
|
callback(new Error('最小值为1'))
|
|
} else {
|
|
callback()
|
|
}
|
|
}
|
|
return {
|
|
URL: 'basedata/item-pack',
|
|
//常用按钮数据
|
|
currenButtonData: [
|
|
this.defaultAddBtn(),//新增
|
|
this.defaultImportBtn(),//导入
|
|
this.defaultExportBtn(),//导出
|
|
this.defaultFieldSettingBtn(),//字段设置
|
|
this.defaultFreshBtn(),//刷新
|
|
this.defaultFilterBtn(),//筛选
|
|
],
|
|
//新增
|
|
CreateFormData: {
|
|
remark: null,
|
|
packName: null,
|
|
packType: "EA",
|
|
basicUom: null,
|
|
qty: null,
|
|
packCode: null,
|
|
itemCode: null,
|
|
},
|
|
//编辑
|
|
editFormData: {
|
|
packCode:'',
|
|
itemCode:'',
|
|
remark: null,
|
|
packName: null,
|
|
packType: "EA",
|
|
basicUom: null,
|
|
qty: null,
|
|
concurrencyStamp: null,
|
|
},
|
|
editOptions: {},
|
|
CreateForm: [
|
|
{ type: "input", label: "包装代码", prop: 'packCode', colSpan: 12, validType:'numberLetter' },
|
|
{ type: "input", label: "包装名称", prop: "packName", colSpan: 12 },
|
|
{ type: "select", label: "包装类型", prop: "packType", options: "qtyUomType", clearable: true, filterable: true, allowCreate: true, colSpan: 12 },
|
|
{ type: "filterSelect", label: "物品代码", prop: "itemCode", optionsLabel: "name", optionsValue: "code",
|
|
focus: (type,val) => { return this.getFilterList(type, val, "basedata/Item-Basic")},
|
|
searchButton: (val) => { this.showSerarchPage(val, 'basedata/Item-Basic', 'ItemBasic', '物品选择', this.CreateFormData) }, colSpan: 12 },
|
|
{ type: "inputNumber", label: "包装数量", prop: "qty", colSpan: 12, min:1 },
|
|
{ type: "input", label: "包装计量单位", prop: "basicUom", colSpan: 12, validType:'letter' },
|
|
{ type: "input", label: "备注", prop: 'remark', colSpan: 12 },
|
|
],
|
|
editForm: [
|
|
{ type: "input", label: "包装代码", prop: 'packCode', colSpan: 12, validType:'numberLetter' },
|
|
{ type: "input", label: "包装名称", prop: "packName", colSpan: 12 },
|
|
{ type: "select", label: "包装类型", prop: "packType", options: "qtyUomType", clearable: true, filterable: true, allowCreate: true, colSpan: 12 },
|
|
{ type: "input", label: "物品代码", prop: "itemCode", disabled:true, colSpan: 12 },
|
|
{ type: "inputNumber", label: "包装数量", prop: "qty", colSpan: 12, min:1 },
|
|
{ type: "input", label: "包装计量单位", prop: "basicUom", colSpan: 12, validType:'letter' },
|
|
{ type: "input", label: "备注", prop: 'remark', colSpan: 12 },
|
|
],
|
|
editRules: {
|
|
cerateRule: {
|
|
packCode: [{ required: true, trigger: "blur", message: "不可为空" }],
|
|
itemCode: [{ required: true, trigger: "change", message: "不可为空" }],
|
|
packQty: [{ required: true, trigger: "blur", message: "不可为空" }],
|
|
packUom: [{ required: true, trigger: "blur", message: "不可为空" }],
|
|
qty: [
|
|
{ required: true, trigger: "blur", message: "不可为空且最小值为1" },
|
|
{ required: true, trigger: 'blur', validator: validateQty }
|
|
],
|
|
conversionRate: [{ required: true, trigger: "blur", message: "不可为空" }],
|
|
},
|
|
editRule: {
|
|
packCode: [{ required: true, trigger: "blur", message: "不可为空" }],
|
|
itemCode: [{ required: true, trigger: "change", message: "不可为空" }],
|
|
packQty: [{ required: true, trigger: "blur", message: "不可为空" }],
|
|
packUom: [{ required: true, trigger: "blur", message: "不可为空" }],
|
|
qty: [
|
|
{ required: true, trigger: "blur", message: "不可为空且最小值为1" },
|
|
{ required: true, trigger: 'blur', validator: validateQty }
|
|
],
|
|
conversionRate: [{ required: true, trigger: "blur", message: "不可为空" }],
|
|
}
|
|
},
|
|
};
|
|
},
|
|
mounted () {
|
|
this.paging();
|
|
},
|
|
};
|
|
</script>
|
|
<style lang="scss" scoped>
|
|
@import "../../../styles/basicData.scss";
|
|
</style>
|