| | |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="物料类型名称"> |
| | | <a-input v-model="queryParam.materialTypeName" allow-clear |
| | | placeholder="请输入物料类型名称" /> |
| | | <!-- <a-input v-model="queryParam.materialTypeName" allow-clear |
| | | placeholder="请输入物料类型名称" /> --> |
| | | <a-select style="width: 100%" placeholder="请选择物料类型" |
| | | v-model="queryParam.materialTypeName"> |
| | | <a-select-option v-for="(item, index) in materialTypeData" :key="index" |
| | | :value="item.materialTypeName">{{ |
| | | item.materialTypeName }}</a-select-option> |
| | | </a-select> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | |
| | | |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="物料类型描述"> |
| | | <a-input v-model="queryParam.materialTypeDescr" allow-clear |
| | | placeholder="请输入物料类型描述" /> |
| | | </a-form-item> |
| | | </a-col><a-col :md="8" :sm="24"> |
| | | </a-col> --> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="物料类型"> |
| | | <a-input-number v-model="queryParam.materialType" style="width: 100%" allow-clear |
| | | placeholder="请输入物料类型" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="物料组"> |
| | | <a-input v-model="queryParam.materialGroup" allow-clear placeholder="请输入物料组" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="ABC分类名称"> |
| | | <a-input v-model="queryParam.abcClassName" allow-clear placeholder="请输入ABC分类名称" /> |
| | | </a-form-item> |
| | | </a-col><a-col :md="8" :sm="24"> |
| | | </a-col> --> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="ABC分类"> |
| | | <a-input-number v-model="queryParam.abcClass" style="width: 100%" allow-clear |
| | | placeholder="请输入ABC分类" /> |
| | | <!-- <a-input-number v-model="queryParam.abcClassName" style="width: 100%" allow-clear |
| | | placeholder="请输入ABC分类" /> --> |
| | | |
| | | <a-select style="width: 100%" placeholder="请选择ABC分类" v-model="queryParam.abcClass" > |
| | | <a-select-option v-for="(item, index) in materialTypeData2" :key="index" :value="item.code">{{ |
| | | item.name }}</a-select-option> |
| | | </a-select> |
| | | |
| | | |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="物料规格"> |
| | | <a-input v-model="queryParam.materialSpec" allow-clear placeholder="请输入物料规格" /> |
| | | </a-form-item> |
| | |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="采购单位"> |
| | | <a-input v-model="queryParam.pOUnit" allow-clear placeholder="请输入采购单位" /> |
| | | <a-input v-model="queryParam.poUnit" allow-clear placeholder="请输入采购单位" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="标包数量"> |
| | | <a-input v-model="queryParam.sNP" allow-clear placeholder="请输入标包数量" /> |
| | | <a-input v-model="queryParam.snp" allow-clear placeholder="请输入标包数量" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | |
| | | <a-form-item label="批次属性规则"> |
| | | <a-input v-model="queryParam.batchRuleId" allow-clear placeholder="请输入批次属性规则" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | </a-col> --> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="控制属性规则"> |
| | | <a-input v-model="queryParam.controlRuleId" allow-clear placeholder="请输入控制属性规则" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="是否禁用"> |
| | | <a-select :allowClear="true" style="width: 100%" v-model="queryParam.isDisabled" |
| | |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :md="8" :sm="24"> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="描述"> |
| | | <a-input v-model="queryParam.materialDesc" allow-clear placeholder="请输入描述" /> |
| | | </a-form-item> |
| | | </a-col> <!--年月日时分秒--> |
| | | <!--时间范围--> |
| | | |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="创建时间"> |
| | | <a-range-picker style="width: 100%" :placeholder="['开始时间', '结束时间']" :show-time="{ |
| | | format: 'HH:mm:ss', defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')] |
| | | }" |
| | | v-model="queryParam.createdTime" value-format="YYYY-MM-DD HH:mm:ss" |
| | | format="YYYY-MM-DD HH:mm:ss" @change="onChangecreatedTime" /> |
| | | |
| | | </a-form-item> |
| | | </a-col> |
| | | </a-col> --> |
| | | <!--年月日时分秒--> |
| | | <!--时间范围--> |
| | | |
| | | <a-col :md="8" :sm="24"> |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="创建时间"> |
| | | <a-range-picker style="width: 100%" :placeholder="['开始时间', '结束时间']" :show-time="{ |
| | | format: 'HH:mm:ss', defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')] |
| | | }" v-model="queryParam.createdTime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" |
| | | @change="onChangecreatedTime" /> |
| | | |
| | | </a-form-item> |
| | | </a-col> --> |
| | | <!--年月日时分秒--> |
| | | <!--时间范围--> |
| | | |
| | | <!-- <a-col :md="8" :sm="24"> |
| | | <a-form-item label="更新时间"> |
| | | <a-range-picker style="width: 100%" :placeholder="['开始时间', '结束时间']" :show-time="{ |
| | | format: 'HH:mm:ss', defaultValue: [moment('00:00:00', 'HH:mm:ss'), moment('23:59:59', 'HH:mm:ss')] |
| | | }" |
| | | v-model="queryParam.updatedTime" value-format="YYYY-MM-DD HH:mm:ss" |
| | | format="YYYY-MM-DD HH:mm:ss" @change="onChangeupdatedTime" /> |
| | | }" v-model="queryParam.updatedTime" value-format="YYYY-MM-DD HH:mm:ss" format="YYYY-MM-DD HH:mm:ss" |
| | | @change="onChangeupdatedTime" /> |
| | | |
| | | </a-form-item> |
| | | </a-col> |
| | | |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="创建者名称"> |
| | | <a-input v-model="queryParam.createdUserName" allow-clear placeholder="请输入创建者名称" /> |
| | | <a-form-item label="创建人"> |
| | | <a-input v-model="queryParam.createdUserName" allow-clear placeholder="请输入创建人" /> |
| | | </a-form-item> |
| | | </a-col> |
| | | <a-col :md="8" :sm="24"> |
| | | <a-form-item label="修改者名称"> |
| | | <a-input v-model="queryParam.updatedUserName" allow-clear placeholder="请输入修改者名称" /> |
| | | <a-form-item label="修改人"> |
| | | <a-input v-model="queryParam.updatedUserName" allow-clear placeholder="请输入修改人" /> |
| | | </a-form-item> |
| | | </a-col> </template> |
| | | </a-col> --> |
| | | </template> |
| | | |
| | | <a-col :md="8" :sm="24"> |
| | | <span class="table-page-search-submitButtons"> |
| | |
| | | <script> |
| | | import { STable } from '@/components' |
| | | import moment from 'moment' |
| | | import { WmsMaterialPage, WmsMaterialDelete, WmsMaterialToExcel } from '@/api/modular/main/WmsBase/WmsMaterialManage' |
| | | import { WmsMaterialPage, WmsMaterialDelete, WmsMaterialToExcel ,materialTypeDataList} from '@/api/modular/main/WmsBase/WmsMaterialManage' |
| | | //自定义table高度 |
| | | import setTableHtMixin from '@/mixins/handleTableHt.js' |
| | | import addForm from './addForm.vue' |
| | |
| | | sorter: true, |
| | | dataIndex: 'materialTypeName' |
| | | }, |
| | | { |
| | | title: '物料类型描述', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | customCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'materialTypeDescr' |
| | | }, |
| | | { |
| | | title: '物料类型', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | customCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'materialType' |
| | | }, |
| | | // { |
| | | // title: '物料类型描述', |
| | | // align: 'center', |
| | | // customHeaderCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // customCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // sorter: true, |
| | | // dataIndex: 'materialTypeDescr' |
| | | // }, |
| | | // { |
| | | // title: '物料类型', |
| | | // align: 'center', |
| | | // customHeaderCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // customCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // sorter: true, |
| | | // dataIndex: 'materialType' |
| | | // }, |
| | | { |
| | | title: '物料组', |
| | | align: 'center', |
| | |
| | | sorter: true, |
| | | dataIndex: 'abcClassName' |
| | | }, |
| | | { |
| | | title: 'ABC分类', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | customCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'abcClass' |
| | | }, |
| | | // { |
| | | // title: 'ABC分类', |
| | | // align: 'center', |
| | | // customHeaderCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // customCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // sorter: true, |
| | | // dataIndex: 'abcClass' |
| | | // }, |
| | | { |
| | | title: '物料规格', |
| | | align: 'center', |
| | |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'pOUnit' |
| | | dataIndex: 'poUnit' |
| | | }, |
| | | { |
| | | title: '颜色', |
| | |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'sNP' |
| | | dataIndex: 'snp' |
| | | }, |
| | | { |
| | | title: '换算率', |
| | |
| | | sorter: true, |
| | | dataIndex: 'translateRate' |
| | | }, |
| | | { |
| | | title: '批次属性规则', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | customCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'batchRuleId' |
| | | }, |
| | | { |
| | | title: '控制属性规则', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | customCell: () => { |
| | | return { |
| | | style: { |
| | | 'min-width': '120px'//最小列宽设置 |
| | | } |
| | | } |
| | | }, |
| | | sorter: true, |
| | | dataIndex: 'controlRuleId' |
| | | }, |
| | | // { |
| | | // title: '批次属性规则', |
| | | // align: 'center', |
| | | // customHeaderCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // customCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // sorter: true, |
| | | // dataIndex: 'batchRuleId' |
| | | // }, |
| | | // { |
| | | // title: '控制属性规则', |
| | | // align: 'center', |
| | | // customHeaderCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // customCell: () => { |
| | | // return { |
| | | // style: { |
| | | // 'min-width': '120px'//最小列宽设置 |
| | | // } |
| | | // } |
| | | // }, |
| | | // sorter: true, |
| | | // dataIndex: 'controlRuleId' |
| | | // }, |
| | | { |
| | | title: '是否禁用', |
| | | align: 'center', |
| | |
| | | dataIndex: 'updatedTime' |
| | | }, |
| | | { |
| | | title: '创建者名称', |
| | | title: '创建人', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | |
| | | dataIndex: 'createdUserName' |
| | | }, |
| | | { |
| | | title: '修改者名称', |
| | | title: '修改人', |
| | | align: 'center', |
| | | customHeaderCell: () => { |
| | | return { |
| | |
| | | }) |
| | | }, |
| | | selectedRowKeys: [], |
| | | selectedRows: [] |
| | | selectedRows: [], |
| | | materialTypeData:[] |
| | | } |
| | | }, |
| | | created() { |
| | |
| | | const isDisabledOption = this.$options |
| | | this.isDisabledData = isDisabledOption.filters['dictData']('yes_true_false') |
| | | |
| | | const materialTypeOption = this.$options |
| | | this.materialTypeData2 = materialTypeOption.filters['dictData']('abc_class_type') |
| | | |
| | | this.handleTableHt() //设置主表表格高度 |
| | | window.addEventListener( |
| | | 'resize', |
| | |
| | | }, |
| | | false |
| | | ) |
| | | materialTypeDataList().then((d) => { |
| | | this.materialTypeData = d.data || [] |
| | | }).catch(() => { |
| | | |
| | | }) |
| | | }, |
| | | methods: { |
| | | moment, |
| | |
| | | } |
| | | } |
| | | </script> |
| | | <style lang="less">.table-operator { |
| | | <style lang="less"> |
| | | .table-operator { |
| | | margin-bottom: 18px; |
| | | } |
| | | |
| | | button { |
| | | margin-right: 8px; |
| | | }</style> |
| | | } |
| | | </style> |